Bootstrap NavBar下拉列表单击时显示“展开子菜单”

时间:2015-03-07 05:34:10

标签: wordpress drop-down-menu twitter-bootstrap-3 html-lists navbar

我第一次使用Bootstrap框架,到目前为止我很喜欢它,但我最近遇到了一个带有navbar组件的问题。当我开始将HTML网站转换为Wordpress主题时,问题就出现了。我在下拉菜单选项卡中的一个实例现在在单击并显示子菜单后显示术语“展开子菜单”。在Github Bootstrap论坛上找不到与此问题相关的任何内容。

以下是两个示例,其中一个是问题,我之前的HTML网站工作正常。单击“组”选项卡以查看我正在谈论的内容。提前感谢能帮助解决我的问题的任何人!

http://www.bethpagecamp.com/home/ - (Wordpress测试网站w /下拉标签标签的问题)

http://consociatemedia.com/dev/bethpage/ - (初始HTML网站w /下拉标签没有问题)

2 个答案:

答案 0 :(得分:2)

我已添加

解决了这个问题
add_action('wp_enqueue_scripts', 'no_more_jquery');
function no_more_jquery(){
    wp_deregister_script('jquery');
}

到我的functions.php

似乎错误是由于重复的jquery脚本引起的。

干杯

CK

答案 1 :(得分:1)

感谢CK的回复!

它可能不是最有效的选择,但我也通过禁用一些调用该代码的代码找出了解决方案"扩展子菜单"在Wordpress主题文件夹(my-theme / js / function.js)。

$( '.dropdown-toggle' ).click( function( e ) {
    var _this = $( this );
    e.preventDefault();
    _this.toggleClass( 'toggle-on' );
    _this.next( '.children, .sub-menu' ).toggleClass( 'toggled-on' );
    _this.attr( 'aria-expanded', _this.attr( 'aria-expanded' ) === 'false' ? 'true' : 'false' );
    _this.html( _this.html() === screenReaderText.expand ? screenReaderText.collapse : screenReaderText.expand );
} );

我一定会注意到你的未来案例的解决方案。再次感谢!