Question

这是我正在使用的代码。这在codepen中工作正常，但在我的本地站点中没有。当我在下拉菜单中打开一个模态然后它很好但不在dropdownmenu内。

<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
 <span class="caret"></span>
 </button>
 <ul class="dropdown-menu ul-drp" role="menu">

<li class="li-drp"><a href="#" data-toggle="modal" data-target="#myModal"> Edit</a></li>
  <li class="li-drp"><a href="#"> Delete</a></li>
  </ul>
</div>

 <!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
    </div>
    <div class="modal-body">
    ...
    </div>
     <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
  </div>
</div>

我使用此js代码将其他下拉菜单保持活动状态

<script>
    $('.dropdown-menu').click(function (event) {
        event.stopPropagation();
    });
</script>

如果我删除此代码，那么它的工作正常，但我希望此下拉列表保持活动状态并打开模式。

Answer 1

根据您的输入，我从上面的评论中读到，我会假设textbox中有一个dropdown menu，您不希望在dropdown时关闭textbox $('.dropdown-menu li').click(function (event) { var children=$(this).children("input[type=text]"); if(children.length!=0) { alert('found'); event.stopPropagation(); } });单击，以便下面的代码工作。

{{1}}

以下是 DEMO

Bootstrap Modal在下拉列表中不起作用

1 个答案: