javascript - WordPress中单页的自定义Js

Question

我正在尝试找到一个纯java脚本解决方案； http://jsfiddle.net/IMAGINEUX/AQrNs/1/

我希望它在 DOMready 就绪后触发：

    $('#menu-item-156').mouseover(function(){
$(this).find('ul').slideDown();

});

$('#menu-item-156').trigger('mouseover');

谢谢，

马特

Answer 1

您可以像@Sunyatasattva 提到的那样在单页类前面添加它，或者您可以仅在需要使用它的页面上将该脚本排入队列。

函数.php

function enqueue_scripts() {
    wp_register_script( 'dropdown', get_template_directory_uri() . '/lib/js/dropdown.js', array( 'jquery' ), 1.0, true );

    if ( is_page( 156 ) ) :
        wp_enqueue_script( 'dropdown' );
    endif;

}

add_action( 'wp_enqueue_scripts', 'enqueue_scripts' );

Answer 2

只需在您的 jQuery 选择器前面加上body由 Wordpress 分配给该元素的页面类，例如：

$('.my-page #menu-item-156').mouseover(function(){
     $(this).find('ul').slideDown();
});

$('#menu-item-156').trigger('mouseover');

这将确保 Javascript 仅在所需页面上触发。