我正在尝试在我的ASP.NET页面中添加Bootstrap 4的模态弹出窗口。请注意,当我尝试弹出模式时,只会只能出现。我在网上看到了一些建议,说添加模态外部表单标签,更新面板等的代码,但对我没有任何帮助。我在平原HTML页面中检查了相同的代码,并且在那里正常工作。请注意,我的页面内有一个更新面板。我尝试在此更新面板内外添加代码。我不知道这怎么了?任何帮助将不胜感激。
这是我的代码。
<button id="btnModal" class="btn btn-info" >Show Modal</button>
<div class="modal fade" id="BootstrapModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h6 class="modal-title">warning!</h6>
</div>
<div class="modal-body">
Select row(s) to delete.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$('#btnModal').click(function () {
$("#BootstrapModal").modal("show");
});
});
jQuery,一切都在那里,正常工作。但是这种模式电话只给了我一个后备....
将它们添加到您的按钮
<button type="button" id="btnModal" class="btn btn-info" data-toggle="modal" data-target="#BootstrapModal" >Show Modal</button>
并删除您的document.ready
功能。