jquery - jquery 函数在 wordpress 中不起作用

Question

我需要将此功能集成到我的 wordpress 中，并且我还需要使用多个示例事件，它只适用于一个。有什么建议吗？谢谢。

<div id="example">
<p style="display: block;">3 Hours</p>
<p>2h and 30m</p>
<p>2h</p>
<p>1h and 30m</p>
<p>1h</p>
<p>30min</p>
<p>Started</p>
</div>

Jquery
$(document).ready(function(){ 

$("#example p:first").css("display", "block");

jQuery.fn.timer = function() {
    if(!$(this).children("p:last-child").is(":visible")){
        $(this).children("p:visible")
            .css("display", "none")
            .next("p").css("display", "block");
    }
    else{
        $(this).children("p:visible")
            .css("display", "none")
        .end().children("p:first")  
            .css("display", "block");
    }
} // timer function end

window.setInterval(function() {
    $("#example").timer();
}, 50);

});

Answer 1

将此添加到您的functions.php

<?php 
if (!is_admin()) 
    add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11);
function my_jquery_enqueue() {
    wp_deregister_script('jquery');
    wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js", false, null);
    wp_enqueue_script('jquery');
}
?>