2017-01-14 3 views
0

Я попытался установить базовый обратный отсчет на сайте Wordpress (View Countdown), но ничего не происходит.Установка обратного отсчета на wordpress

Тема WordPress, которую я использую, это «HTML5Blank». Я епдиеие файлы JavaScript, как это:

wp_register_script('jquery.plugin.min.js', get_template_directory_uri() . '/js/jquery.plugin.min.js', array('jquery'), '1.0.0'); // Custom scripts 
wp_enqueue_script('jquery.plugin.min.js'); // Enqueue it! 

wp_register_script('jquery.countdown.js', get_template_directory_uri() . '/js/jquery.countdown.js', array('jquery'), '1.0.0'); // Custom scripts 
wp_enqueue_script('jquery.countdown.js'); // Enqueue it! 

index.php хостов DIV:

<div id="defaultCountdown"></div> 

инициализируется в header.php:

<script> 
    (function ($) { 
     var austDay = new Date(); 
     austDay = new Date(austDay.getFullYear() + 1, 1 - 1, 26); 
     $('#defaultCountdown').countdown({ 
      until: austDay 
     }); 
     $('#year').text(austDay.getFullYear()); 
    })(jQuery); 
</script> 
+0

Вы проверили вашу консоль на наличие ошибок? – funkysoul

+0

Да, никаких ошибок в консоли ... – Foub

+0

Вы можете поделиться своим URL-адресом, чтобы мы могли посмотреть? ничего не происходит, я полагаю, вы имеете в виду, что нет выхода? – funkysoul

ответ

1

Это не населяющих потому что элемент #defaultCountdown не был в DOM/загружен, но когда вы переместили скрипт после <div id="defaultCountdown"></div> Итак, JQuery получил элемент и работал.

Инициализация скрипта в footer.php после wp_footer.

<?php wp_footer(); ?> 
<script> 
    (function ($) { 
     var austDay = new Date(); 
     austDay = new Date(austDay.getFullYear() + 1, 1 - 1, 26); 
     $('#defaultCountdown').countdown({ 
      until: austDay 
     }); 
     $('#year').text(austDay.getFullYear()); 
    })(jQuery); 
</script> 
Смежные вопросы