引導3.3.7模式顯示事件不能正常工作

Question

我使用的引導3.3.7

我上的搜索按鈕的點擊加載一個模式，我對模式的鏈接，當我點擊鏈接我得到的基於此的數據，關閉模式並調整表格。

但下面的功能似乎不能正常工作。我檢查引導程序是否在控制檯中使用typeof $().modal == 'function'加載時返回true我的函數被調用，並且當它返回false時，不會調用下面的函數。因爲我在按鈕本身調用它，所以我的模式被加載。如果$().modal == 'function'爲true，則需要刷新很多並檢查控制檯才能夠調用顯示的模式的功能。

如何確保始終正確加載引導程序。

所有這些代碼是SharePoint aspx頁面上，但不應該是一個問題，我相信

$('#myModal').on('shown.bs.modal', function(event) { 

    $('#myTable a.policy-no').on('click', function() { 

    }); 

}); 

Answer 1

嘗試這樣

$(document).on('show.bs.modal','#myModal', function() { 

    $('#myTable a.policy-no').on('click', function() { 

    }); 

}) 

Answer 2

$('target').on('click', function() { 
    $('target-modal').modal('show'); 
    $('#myModal').on('shown.bs.modal', function(event) { 

     $('#myTable a.policy-no').on('click', function() { 

     }); 

    }); 
}); 

同比設置它通過文件需要先顯示模式先使用show.bs. *屬性，然後在隱藏模式之後，您可以使用hide.modal。*屬性。

查看bootstrap文檔以獲取更多信息。

編輯代碼試試這個

Answer 3

我用這樣的事情，當過我使用一個模式我心裏很不舒服，如果模式已經打開的連接從關閉停止它。然後，我將我的新頁面/數據加載到已打開的模式中。

$(function() { 
    $("body").on("click", "button", function (e) { 
     e.preventDefault(); 

     // if the modal is already open, you stop it from closing, and open a new form into the modal 
    if (($("body").data('bs.modal') || {}).isShown) { 
     e.stopPropagation(); 
    } 

    $(".modal-body, .modal-title").html(""); 

    // Load your page/data 
    $(".modal-title").load(URI, function() { }); 
    $(".modal-body").load(URI, function() { }); 
    }) 
});