从JS函数调用Bootstrap弹出模态框的方法如下:
<button id="myModalBtn" type="button" class="btn btn-primary">打开模态框</button>
$(document).ready(function() {
$('#myModalBtn').click(function() {
$('#myModal').modal('show');
});
});
在上述代码中,#myModalBtn
是按钮的ID,#myModal
是模态框的ID。modal('show')
方法用于显示模态框。
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<!-- 模态框的内容 -->
</div>
</div>
</div>
在上述代码中,#myModal
是模态框的ID。
至此,当点击按钮时,JS函数会调用Bootstrap的模态框方法,从而弹出模态框。
关于Bootstrap弹出模态框的更多信息,你可以参考腾讯云的相关产品:腾讯云Web+。
领取专属 10元无门槛券
手把手带您无忧上云