Bootstrap模态对话框CLICK事件不起作用

时间:2015-07-17 04:46:06

标签: asp.net twitter-bootstrap modal-dialog

我在bootstrap模态对话框上面临一个问题, 我不知道如何解决这个问题。 当我在一个站点上实现2个模态对话框时,任何一个模态对话框上的click事件有时会触发它的事件但有时根本不会触发...我确实放置了一个断点,但无论如何它都没有输入点击按钮时的断点..

1 个答案:

答案 0 :(得分:0)

我认为两种模型都有相同的数据。试试吧



<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>


<!-- Large modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Large modal</button>

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      Large modal
    </div>
  </div>
</div>

<!-- Small modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-sm">Small modal</button>

<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      Small modal
    </div>
  </div>
</div>
&#13;
&#13;
&#13;