Using FlexNav with WordPress

时间：2013-05-28 作者：Chloe

是否有人成功获得FlexNav插件-http://jasonweaver.name/lab/flexiblenavigation/ - 使用WordPress？

我有一个HTML版本的网站运行良好，但我在与WordPress集成时遇到了麻烦，因为WordPress在菜单项上使用自己的类、ID等，这似乎覆盖了flexnav插件。

我想知道我是否应该尝试复制插件使用自定义walker函数创建的菜单结构，或者只是用WordPress给我的东西重新编写CSS？

感谢您的建议！

谢谢

1 个回复
最合适的回答,由SO网友:dariodev 整理而成

您不需要自定义walker函数。您可以如下更改wp\\U nav\\U菜单：

    wp_nav_menu( array( 
    \'theme_location\' => \'primary\',
    \'menu_class\' => \'flexnav\', //Adding the class for FlexNav
    \'items_wrap\' => \'<ul data-breakpoint="800" id="%1$s" class="%2$s">%3$s</ul>\', // Adding data-breakpoint for FlexNav
    ));
正确的脚本初始化应该是：

jQuery(document).ready(function($){
   $(".flexnav").flexNav({
});
});
导航外部的下拉菜单按钮：

<div class="menu-button">Menu</div>
但仍然不起作用。正如toscho所提到的，FlexNav需要进行一些小的修改才能在WordPress中工作。看看这个modhttp://pastebin.com/ZEMQFFsA

更新：自v.1.0 FlexNav支持jQuery noConflict模式以来

结束
标签： navigation   responsive   小码农  

相关推荐

Thesis -style Navigation

我正在研究一个主题，我希望用户能够像论文一样选择要在主题选项页面中显示的页面。我已经在谷歌上搜索了几个小时的逆向工程论文，但还没有找到一个很好的解决方案。我想知道是否有人做过这件事或看过教程。