2015-10-15 8 views
2

Последний обратный отсчет не отображается на моей странице, когда я открываю его в Google Chrome. Я не совсем уверен, почему обратный отсчет не работает. Может кто-нибудь, пожалуйста, помогите мне здесь? Большое спасибо!Заключительный обратный отсчет не работает

<!DOCTYPE html> 
<html> 
<head> 
    <title>The Final Countdown</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script type="text/javascript" src="jquery.countdown.min.js"></script> 
    <script type="text/javascript"> 
     $('#getting-started').countdown('2016/01/01', function(event) { 
      $(this).html(event.strftime('%w weeks %d days %H:%M:%S')); 
     }); 
    </script> 
</head> 
<body> 
    <div id="getting-started"></div> 
</body> 
</html> 
+0

Вы забыли функцию 'document.ready'! – adeneo

+0

Или переместите теги сценария (все или, по крайней мере, последние) в нижней части страницы. перед закрытием '' тег – Andreas

ответ

1

Необходимо выполнить код, когда DOM готов. Вы можете сделать это, поместив его в обработчик DOMReady:

$(function() { 
    $('#getting-started').countdown('2016/01/01', function(event) { 
     $(this).html(event.strftime('%w weeks %d days %H:%M:%S')); 
    }); 
}); 

В данный момент вы звоните в countdown() метод на #getting-started элемент, прежде чем она существует в DOM.

+0

спасибо! я все еще любитель, но спасибо большое Рори! –

+0

Без проблем, рад помочь –

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