Jquery Добавление html страницы с таймером
Здравствуйте! Помогите пожалуйста с проблемой. Я хочу добавить несколько таймеров обратного отсчета, сделанных в этом сервисе http://e-timer.ru/, на одну php страницу. При добавлении 2 таймеров они работают некорректно. Я решил сделать для каждого из них отдельную html страницу(clock1.html, clock2.html и т.д) и с помощью jquery добавить их в разные div-ы на сайте. В общем, задумку вы поняли. Так вот, по отдельности эти страницы работают, но на страницу index.php не добавляются. Если вместо скрипта с часами на странице clock1.html поставить какой-то текст, он появляется на index.php. То есть, jquery работает корректно, но почему часы не работают? Помогите решить проблему, очень надо! Вот, собственно, код:
index.php <html> <head> <title>TEST</title> <meta charset="utf-8"> <link href="style.css" rel="stylesheet"> </head> <body> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script> $(document).ready(function(){ $('#here').load("clock1.html"); }); </script> <div id="here"></div> </body> </html> clock1.html(сгенерированный на сайте таймера код) <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://e-timer.ru/js/etimer.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { jQuery(".eTimer").eTimer({ etType: 0, etDate: "23.02.2015.0.0", etTitleText: "До окончания акции осталось:", etTitleSize: 20, etShowSign: 1, etSep: ":", etFontFamily: "Trebuchet MS", etTextColor: "#a3a3a3", etPaddingTB: 15, etPaddingLR: 15, etBackground: "#333333", etBorderSize: 0, etBorderRadius: 2, etBorderColor: "white", etShadow: " 0px 0px 10px 0px #333333", etLastUnit: 4, etNumberFontFamily: "Impact", etNumberSize: 35, etNumberColor: "white", etNumberPaddingTB: 0, etNumberPaddingLR: 8, etNumberBackground: "#11abb0", etNumberBorderSize: 0, etNumberBorderRadius: 5, etNumberBorderColor: "white", etNumberShadow: "inset 0px 0px 10px 0px rgba(0, 0, 0, 0.5)" }); }); </script> <div class="eTimer"></div> Заранее спасибо! |
Ты чудишь конкретно. Как такое вообще в голову может придти?
<!--ДОКТАЙП ТО НЕ ЗАБЫЛ????--> <html> <head> <title>TEST</title> <meta charset="utf-8"> <link href="style.css" rel="stylesheet"> </head> <body> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://e-timer.ru/js/etimer.js"></script> <script> $(document).ready(function(){ $(".eTimer1").eTimer({etType: 0, etDate: "23.02.2015.0.0", etTitleText: "До окончания акции осталось:"}); $(".eTimer2").eTimer({etType: 0, etDate: "23.03.2015.0.0", etTitleText: "До окончания акции осталось:"}); }); </script> <div class="eTimer1"></div> <div class="eTimer2"></div> </body> </html> |
Спасибо огромное! Я серьезно чудак:lol: Учусь пока что, так что не сообразил сначала
|
Часовой пояс GMT +3, время: 04:54. |