手動使用引導模式時出現「顯示」事件

當我嘗試首次顯示模態時，出現問題。顯示的是模式，但當拖動模式或點擊關閉按鈕（我看到警報）時會觸發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>

來源

2014-01-28 gormit

您是否嘗試過使用'show'事件？ – Lance

你能提供與這個JS腳本相關的HTML標記嗎？ – guli

請提供您的HTML代碼。這對其他人幫助你很有用！ –

OK，我發現這裏是一個問題。取而代之的

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

我設置（不包括「在」）「上顯示」事件的作品

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

現在。

謝謝大家。

來源

2014-01-29 08:14:29 gormit

這不是'上課'的問題。它甚至可以在課堂上使用[小提琴]（http://jsfiddle.net/9cHhC/） –

@ user3165879在我的情況下它不起作用，當我有「進」類時，我不知道爲什麼。你的代碼也不能在我的頁面上工作，但在小提琴上工作。也許其他一些js有影響力。 – gormit

請將您的答案標記爲已接受。 –

它的工作原理在這裏這個例子：

代碼$("#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

來源

2014-01-28 17:43:30 Trevor

我已經有隱藏類在我的HTML標籤爲模態。我嘗試使用$（「＃modalXML」）。modal（{show：false}）;,初始化模態，因爲在一次單擊事件並調用$（「＃modalXML」）之後，模態（'show'）;它在每次下一次點擊都有效同樣的事情是當我把「show：false」或省略時。 – gormit

@gormit我想我對你的問題沒有清楚的理解。你可以創建一個'bootply'來證明你遇到的問題嗎？ – Trevor

手動使用引導模式時出現「顯示」事件

回答

相關問題