Jquery .on so với .live

Question

Tôi biết rằng .live() hiện không được chấp nhận nhưng dường như tôi không thể thay đổi và giữ chức năng.

Tôi chỉ có một câu hỏi nhanh về hàm .on() trong jQuery. Tôi hiện đang sử dụng .live()here

Giống như vậy:

$('table tr th').live("click", function() { 
}); 

Tuy nhiên, khi tôi cố gắng và thay thế .live() với .on() nó không còn hoạt động vì nó là nghĩa vụ phải.

tôi đã cố gắng đưa vào

$('table tr th').on("click", function() { 
}); 

cũng như

$('table tr').live("click", "th", function() { 
}); 

và

$('table tr').delegate("th", "click", function() { 
}); 

nhưng vô ích.

Tại sao điều này và tôi có thể thực hiện các bước nào để hoạt động chính xác?

Answer 1

Các on() chức năng đòi hỏi một bản cập nhật cú pháp, bạn nên thay đổi mã của bạn để:

$('body').on("click", "table tr th", function()... 

Kiểm tra bài viết này cho biết thêm: http://www.andismith.com/blog/2011/11/on-and-off/

Answer 2

Tôi bằng cách nào đó đoán rằng bạn đang thêm tr phần tử vào bảng của mình, chứ không phải th.

$('table').on("click", "tr th", function(){}); 

Answer 3

Hãy thử điều này:

$('table tr th').live("click", function() { 

nên

$(document).on("click", "table tr th", function() { 

Đó là cách bạn sẽ bắt chước các .live gọi chính xác. Tất nhiên bạn có thể giới hạn bộ chọn của bạn từ tài liệu đến một cái gì đó có ý nghĩa hơn dựa trên cấu trúc DOM của bạn.

Edit:

Chỉ cần làm rõ, trong ví dụ của bạn, bạn được yêu cầu phải sử dụng $(document).on(... vì bảng không có bất kỳ bậc cha mẹ và được thay thế trong suốt cuộc đời của trang của bạn.

Answer 4

Đảm bảo rằng các yếu tố được lựa chọn (thứ/tr) tồn tại khi trang được tải ban đầu. Mới .on sẽ không hoạt động nếu bộ chọn này được thêm sau vào DOM.

Hãy thử

$('body').on('click', 'thesSelectorForYourTriggerElement', function(){ 
    //callback 
});