Question

我尝试在wordpress网站（View Countdown）上安装基本倒计时，但没有任何反应。

我使用的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>

Answer 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>

wordpress

1 个答案: