Countdown-Installation auf WordPress

Question

Ich habe versucht, eine grundlegende Countdown auf einer Wordpress-Website (View Countdown) zu installieren, aber nichts passiert.

Das WordPress-Theme, das ich verwende, ist "HTML5Blank". Ich enqueue die JavaScript-Dateien wie folgen aus:

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 Gastgeber die div:

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

Initialized in 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> 

Answer 1

Es war nicht bevöl weil das #defaultCountdown Element nicht im DOM/geladen wurde, sondern wie Sie das Skript nach demverschoben habenSo hat das JQuery das Element und funktioniert.

Initialisierungsskript in footer.php nach 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>