我在尝试实施时遇到了严重的问题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\' ) );
这就是我一直坚持我应该做的事情的地方。我做错了什么,因为此刻我没有得到任何结果。。
迈克尔
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的。