javascript - "On shown"手动使用 Bootstrap 模式时的事件

Question

当我第一次尝试显示模态时出现问题。显示了模态框，但当我拖动模态框或单击关闭按钮时，会触发 shown 事件(我看到警报)。我将 Bootstrap 2.3.2 与 Firefox 26.0 一起使用。

$("#modalXML").modal({ show: false });
$(document).on("click", "#idStart", function(){
    $("#modalXML").modal('show');
});

$("#modalXML").on("shown", function(){
   alert('juhu');
});

<a target="_blank" data-toggle="modal" href="#" class="clsXML" id="idStart" >Button</a>


<div id="modalXML" class="modal hide fade in">
    <div class="modal-header" id="">  
        <a class="close" data-dismiss="modal">×</a>  
        <h3>XML file</h3>  
    </div>  
    <div class="modal-body" id="idModalBodyXML">
        <textarea rows="10" cols="150" id="xmlTextArea">
        </textarea> 
    </div>
    <div class="modal-footer">  
        <button name="button" value="" data-dismiss="modal" class="btn">Close</button>
    </div>  
</div>

Answer 1

在这个例子中它起作用了:

以下代码行 $("#modalXML").modal({ show: false }); 在我的实验过程中并未隐藏您的模式。 $("#modalXML").hide(); 工作得很好。看看这个例子，希望它会对您有所帮助。

$("#myModal").hide();
    $(document).on("click", "#launch", function(){
        $("#myModal").modal('show');
    });
    $("#myModal").on("shown", function(){
       alert('juhu');
    });

示例:

http://www.bootply.com/109094