代码之家  ›  专栏  ›  技术社区  ›  Luiz

停止播放后如何关闭引导下拉菜单?

  •  0
  • Luiz  · 技术社区  · 8 年前

    event.stopPropagation 在下拉成员中。

    我的html:

    <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Menu1<span class="caret"></span></a>
      <ul class="dropdown-menu">
          <li><a href="#" id="it1">Item 1</a></li>
          <li><a href="#" id="it2">Item 2</a></li>
          <li role="separator" class="divider"></li>
          <li><a href="#" id="it3">Item 3</a></li>
          <li><a href="#" data-toggle="modal" data-target="#it4-modal">Item 4</a></li>
      </ul>
     </li>
    

    $('#it3').click(function (e) {
      e.stopPropagation();
      doStuff();
    });
    

    我已经试过了 $('.dropdown-toggle').toggle() $('.dropdown-toggle').dropdown('toggle');

    2 回复  |  直到 8 年前
        1
  •  1
  •   EMiDU    5 年前

    Bootstrap 4(2018年10月):

    $('.dropdown.show,.dropdown-menu.show').removeClass('show');
    

    它隐藏了所有打开的引导下拉列表。

        2
  •  0
  •   Luiz    8 年前

    $('[data-toggle="dropdown"]').parent().removeClass('open');
    

    根据 https://stackoverflow.com/a/10941616/6474503