【问题标题】:Bootstrap, how to prevent from closing a dropdown-menu when modal popup displayedBootstrap,如何防止在显示模式弹出窗口时关闭下拉菜单
【发布时间】:2016-05-31 07:12:23
【问题描述】:

在下拉菜单中,我有一个用于打开模式弹出窗口的按钮。如果在关闭时显示模态弹窗,它也会关闭下拉菜单。

如何防止在显示模式弹出窗口时关闭下拉菜单?

这是代码:

 <div class="dropdown-menu" style="width:240px;">

   <div class="row">
      <div class="col-xs-6">Log in</div>
      <div class="col-xs-6"><img data-toggle="modal" data-target="#myModal" width="20px" src="images/help-question.png"></div>
  </div>
...
</div>
  <div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">

  <!-- Modal content-->
  <div class="modal-content">
    <div class="modal-header">

   etc...

</div>

【问题讨论】:

    标签: javascript css twitter-bootstrap


    【解决方案1】:

    好的,我找到了解决办法:)

      var hideLogin = true ;
      $('#ModalHelpLogin').on('shown.bs.modal', function (e) {
        hideLogin = false ;
      })
      $('#ModalHelpLogin').on('hidden.bs.modal', function (e) {
        hideLogin = true ;
      })
    
      $('#DropLogin').on('hide.bs.dropdown', function () {
        return hideLogin ;
      }); 
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-12-25
      • 1970-01-01
      相关资源
      最近更新 更多