2013-09-29 2 views
0

Мне нужна ваша помощь.JQuery обратный отсчет не работает

Я пытаюсь установить обратный отсчет jquery на свой сайт, но я не знаю, почему это не работает! я ничего не вижу: я вставляю html div и устанавливаю ссылки для jquery-кодов, css и т. д. this - это моя страница редактирования.

и это полный код

<!doctype html> 
<html> 
    <head> 
    <title>Your Awesome Webpage created on Fri, 27 Sep 2013 09:24:37 GMT</title> 
    <link href="http://corso-chitarrastudio.com/county.css" rel="stylesheet" type="text/css" /> 
    <link href="http://corso-chitarrastudio.com/county.css" rel="stylesheet" type="text/css" /> 
    <script src="http://corso-chitarrastudio.com/jquery-1.8.3.min.js" type="text/javascript"></script> 
    <script src="http://corso-chitarrastudio.com/county.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#my-count-down').county({ endDateTime: new Date('2013/10/12 21:28:00'), reflection: false, animation: 'scroll', theme: 'black' }); 
     }); 
    </script> 
    <style> 
     body { 
     background: url(http://farm4.staticflickr.com/3795/9963351894_c763ec6368_o.jpg); 
     background-repeat:no-repeat !important; 
    background-position:center center !important; 
    background-attachment:fixed !important; 
    -o-background-size: 100% 100%, auto !important; 
    -moz-background-size: 100% 100%, auto !important; 
    -webkit-background-size: 100% 100%, auto !important; 
    background-size: 100% 100%, auto !important; 
     } 

     h1 { font-family: Oswald, Arial, Tahoma, Sans serif; 
      font-size:42px; 
      color: #c3c1c1; 
      width: 340px; 
      text-transform:none; 
      text-shadow: 0px 2px 3px #555; 
      margin: -40px auto 35px auto; 
      text-align: center; 
      letter-spacing: -2px; 
     line-height: 0.87;} 

     #testo { 

     width: 876px; 
     margin: 20px auto 10px auto;} 

     #contatore2 { 
     width: 350px !important; 
     margin: 20px auto auto auto; 
     overflow: visible; 
     padding-left: 20px;} 

     #titolo2 { 

     width: 532px; 
     margin-left: auto; 
     margin-right: auto; 
     text-align: center ; 
     } 
    </style> 
     </head> 
    <body> 
    <div id='testo'> 
     <img src='http://farm4.staticflickr.com/3696/9966911376_585f718fc0_o.png'></div> 

    <div id="my-count-down"> 
    </div> 
     <div id='titolo2'><img id='titolo2' src='http://farm6.staticflickr.com/5516/9966872034_cc1eecbca5_o.png'></div> 
    </body> 
</html> 

Так что же случилось?

+0

Ваш браузер не несет никакой ошибки? –

+0

Mozilla thimble блокирует загрузку файлов, таких как jquery. Я скопировал ваш код в jsfiddle, и похоже, что он работает. ОК. http://jsfiddle.net/ricardonunez/5sdXB/ –

ответ

0

Это работает нормально, это должно быть что-то в вашей установке где-то еще вызывает проблемы

В общем наконечнике, ваши файлы сценариев должны идти как можно ближе к нижней части документа, как это возможно, как правило, непосредственно перед закрытием тег тела, как файлы сценариев, так и встроенные скрипты.

+0

Вот рабочая скрипка со всем своим кодом: http://jsfiddle.net/danwellman/EAjhb/ – danwellman

+0

Большое вам спасибо –

Смежные вопросы