Jquery .on与.live

Question

我知道.live()现已被弃用但我似乎无法改变它并保持功能。

我只是有一个关于jQuery中的.on()函数的简单问题。我目前使用.live()here

像这样：

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

但是，当我尝试更换.live()与.on()它不再工作，因为它是应该。

我试图把在

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

以及

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

和

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

，但无济于事。

这是什么和我可以采取哪些措施使其正常工作？

Answer 1

的on()功能需要一个语法更新，你应该改变你的代码：

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

退房本文的详细信息：http://www.andismith.com/blog/2011/11/on-and-off/

Answer 2

我以某种方式猜测你正在将tr元素添加到你的表格中，而不是th。

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

Answer 3

试试这个：

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

应该

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

那你是怎么会准确地模仿.live电话。您当然可以根据您的DOM结构将您的选择器从文档限制到更有意义的内容。

编辑：

只是为了澄清，在你的榜样，您需要使用$(document).on(...，因为该表没有任何父母和你的页面的生命过程中被替换。

Answer 4

确保所选元素（TH/TR）在最初加载页面时存在。 如果此选择器稍后添加到DOM，新的.on将不起作用。

尝试的

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