鏈接無法點擊

Question

我試圖加載Twitter的Facebook的登錄按鈕引導模態對話框：

$("a.fb-login, .modal a.fb-login").on("click", function(e) { 
    e.preventDefault() 
    FB.login(function(response) { 
    // ... 

這工作正常放置在模態對話框以外的按鈕，但是當元素是一個對話框（從bootbox觸發）內呈現，點擊鏈接只是使對話框消失，而不是在新窗口中打開Facebook的彈出：

// when 401 unauthorized 
message = $("#login-form").clone(); 
bootbox.modal(message) 

Answer 1

我懷疑聽者纔剛剛連接到的元素目前你打電話給on()我的頁面的ThOD。

如果你希望能夠處理在新創建的元素的事件，而無需重新安裝監聽器，嘗試監聽連接到整個頁面，但使用選擇過濾掉，像這樣的事件：

$('body').on('click', 'a.fb-login, .modal a.fb-login', function(e) { 
    e.preventDefault() 
    FB.login(function(response) { 
    // ... 

很明顯，縮小你接聽者的位置是很好的做法。