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

Answer 2

好的，我发现问题出在哪里。而不是

     <div id="modalXML" class="modal hide fade in">

我设置（没有“in”）

   <div id="modalXML" class="modal hide fade">

现在，“on shown”事件有效。

谢谢大家。

手动使用bootstrap模式时“显示”事件

2 个答案: