JavaScript觸發方法
除了使用自定義屬性觸發模態彈出框之外，還可以通過JavaScript方法來觸發模態彈出窗。通過給一個元素一個事件，來觸發。比如說給一個按鈕一個單擊事件，然后觸發模態彈出窗。如下面的一個簡單示例：
<!-- 觸發模態彈出窗元素 --> <button class="btn btn-primary" type="button">點擊我</button> <!-- 模態彈出窗內容 --> <div class="modal" id="mymodal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title">模態彈出窗標題</h4> </div> <div class="modal-body"> <p>模態彈出窗主體內容</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">關閉</button> <button type="button" class="btn btn-primary">保存</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal -->
JavaScript觸發的彈出窗代碼：
$(function(){
$(".btn").click(function(){
$("#mymodal").modal();
});
});
運行效果如下：
我來試試：使用JavaScript方法觸發窗口框彈出。
參考代碼：
<script>
$(function(){
$(".btn").click(function(){
$("#themodal").modal("toggle");
});
});
</script>
請驗證，完成請求
由于請求次數過多，請先驗證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報