.live（）to .on（）問題

Question

我有一個無法解決的問題。

此代碼適用於我。

// click row opens message, unless you click delete  
$('.delete_message-link-js').live('click', function(e) { 
    e.preventDefault(); 
}); 

$('.item-message').live('click', function(e){ //.item-message - tr lass 
    window.location = $(this).find(".show_message-link").attr("href"); 
}); 

但是，當我改變.live（）到。對（）

// click row opens message, unless you click delete 
$('.delete_message-link-js').on('click', false); 

$('.item-message').on('click', function(e){ 
    window.location = $(this).find(".show_message-link").attr("href"); 
    }); 

我有在Firefox中的錯誤。當我點擊在錶行.delete_message鏈接-JS鏈接我得到一個錯誤

提示用戶
擲Components.Exception ...用戶」，Cr.NS_ERROR_NOT_AVAILABLE）中止;

但代碼工作在Safari。

什麼，我做錯了什麼？

謝謝，對不起，我的英語

Answer 1

您需要將.on()附加到項目的父：

// Pseudocode... 
$('#parent of .delete_message-link-js').on('click', '.delete_message-link-js', false); 

Answer 2

閱讀文檔：

http://api.jquery.com/on/

從這裏我們可以看出，on相當於此：

$('.delete_message-link-js').live('click', function(e) { 
    e.preventDefault(); 
}); 

是：

$(document).on("click", ".delete_message-link-js", function(e){ 
    e.preventDefault(); 
}); 

依此類推。

你也可以閱讀源代碼，看看如何live轉化爲on：

live: function(types, data, fn) { 
    jQuery(this.context).on(types, this.selector, data, fn); 
    return this; 
} 

this.context是document和this.selector（因爲你沒有給任何上下文默認的上下文）是'.delete_message-link-js'對於上面的例子。