Question

我试图找到一个纯java脚本解决方案; http://jsfiddle.net/IMAGINEUX/AQrNs/1/

我希望它在DOMready之后启动：

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

}）;

$（ '＃菜单项-156'）触发（ '鼠标悬停'）;

谢谢，

马特

Answer 1

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

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

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

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

Answer 2

你可以将它作为@Sunyatasattva提到的单页类添加到前面，或者你可以只在你需要使用它的页面上将该脚本排入队列。

<强>的functions.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' );

WordPress中单页的自定义Js

2 个答案: