如何实现jPanelMenu?

时间:2013-07-22 作者:turtledropbomb

我在尝试实施时遇到了严重的问题jPanelMenu 我正在构建的主题。主题快完成了,我只是想弄清楚这个菜单,我终于可以开始使用它了。无论如何,如果有人能帮助我了解如何在我的网站上实现这一点,我将不胜感激:)

我认为我的主要问题是,我仍然没有掌握如何正确实现jQuery脚本并将它们链接到生成的元素,如Wordpress中的导航栏。

这就是我迄今为止所做的:

下载了jPanelMenu并将其放入js文件夹中。

使用此代码在函数中实现它:

function jpanelmenu_scripts_with_the_lot()  {  
    // Register the script like this for a theme:  
    wp_register_script( \'jpanelmenu\', get_template_directory_uri() . \'/js/jpanelmenu.js\', array( \'jquery\', \'jquery-ui-core\' ), \'20120208\', true );
    // For either a plugin or a theme, you can then enqueue the script:  
    wp_enqueue_script( \'jpanelmenu\' );  
}  
add_action( \'wp_enqueue_scripts\', \'jpanelmenu_scripts_with_the_lot\' );`
然后我调用标题中的导航。php:

wp_nav_menu( array( \'theme_location\' => \'header-menu\', \'container_class\' => \'menu\' ) );
这就是我一直坚持我应该做的事情的地方。我做错了什么,因为此刻我没有得到任何结果。。

迈克尔

1 个回复
SO网友:helgatheviking

在将脚本加载到页面上后,您可以随时“初始化”脚本。我通常在wp_footer (特别是如果将脚本排入页脚中),但可以将其添加到wp_head

add_action( \'wp_footer\', \'wpa_107420_footer_script\' );

function wpa_107420_footer_script(){ ?>

<script type="text/javascript">
    jQuery(document).ready(function($) {
        // Stuff to do as soon as the DOM is ready;
            var jPM = $.jPanelMenu({
            menu: \'#custom-menu-selector\',
            trigger: \'.custom-menu-trigger-selector\'
        });
    });
</script>

}
您需要根据jPanelMenu插件上的说明修改脚本部分。这一部分在这里是离题的,但这是如何将脚本添加到WordPress的。

结束