Question

我有这个：

<li>
    <a href="#" id="statics" class="main-bar">
        <span class="glyphicon glyphicon-stats" aria-hidden="true"></span>
    </a>
</li>

并使用此功能在元素点击时切换响应式菜单：

$(document).on('click','.navbar-collapse.in',function(e) {
    if ($(e.target).is('a') && $(e.target).attr('class') != 'dropdown-toggle') {
        $(this).collapse('hide');
    }
});

但它不起作用，除非我在＆＃39; a＆＃39;之间添加了一些文字。标签，像这样：

<li>
    <a href="#" id="statics" class="main-bar">
        <span class="glyphicon glyphicon-stats" aria-hidden="true"></span>
        **something**
    </a>
</li>

希望明确......

一些帮助？

更新第二个选项仅在我单击文本时有效，但如果我单击glyphicon则不会...

Answer 1

为条件添加了范围：

$(document).on('click','.navbar-collapse.in',function(e) {
   if( ($(e.target).is('a') || $(e.target).is('span')) && $(e.target).attr('class') != 'dropdown-toggle' ) {
      $(this).collapse('hide');
   }
});

Bootstrap 3折叠菜单点击关闭问题

1 个答案: