Bootstrap：如何引用隱藏事件的模式的按鈕？

當我有一個引導模式時，我想要捕獲導致它關閉的按鈕的類型。Bootstrap：如何引用隱藏事件的模式的按鈕？

<div id="fooModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel4" aria-hidden="true"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
    <h3 id="myModalLabel4">List</h3> 
    </div> 
    <div class="modal-body"> 
    ... whatever ... 
    </div> 
    <div class="modal-footer"> 
    <button class='btn' data-dismiss='modal' aria-hidden='true'>Action 1</button> 
    <button class='btn btn-primary' aria-hidden='true'>Action 2</button> 
    <button class='btn' aria-hidden='true'>Action 3</button> 
    </div> 
</div>

和腳本

$("#fooModal") 
    .modal({backdrop:'static'}) 
    .on('hidden', function (event) { 
      console.log("foo hidden", event); // can't see the button, only the modal div itself 

     // candidates for what "closed" the modal: 
     // "x" button 
     // "Action 1" 
     // "Action 2" 
     // "Action 3" 

    }) 
    .modal('show');

是否有導致該模式，關閉按鈕的引用？

來源

2013-07-02 frumbert

如何處理按鈕上的點擊事件？

$('#fooModal [data-dismiss="modal"]').click(function(){ 
    console.log($(this).text()); 
});

來源

2013-07-02 15:47:57

以我的情況下，按鈕被添加到經由車把模板的模態本身，所以按鈕的數量取決於所使用的模板（模態標記被重新使用由多個模態發電機，因此它正在使用JavaScript加載）。我想我可能需要鉤住這樣的東西，除了我想我會在模態div上設置attrib（'hidden'，function（event））可以通過「event」引用它。尋找更好的東西。 – frumbert

Bootstrap：如何引用隱藏事件的模式的按鈕？

回答

相關問題