JQuery处理交互式内容

时间:2011-07-12 07:45:31

标签: javascript jquery ajax interactive

我注意到在jquery中附加的文本不会被jquery函数处理。例如,您追加一个包含下拉列表的代码,并且您有一个在更改其值时调用的函数。此函数仅适用于现有代码,而不适用于附加代码。


正确答案是:

而不是使用:

$('#purchase-table select').change(function() {
});

使用:

$('#purchase-table select').live('change', function() {
}); 

您需要它能够通过jquery函数处理附加了ajax的内容。祝你有愉快的一天。

感谢所有人的帮助。

2 个答案:

答案 0 :(得分:1)

处理交互式内容事件的最简单方法是jQuery.live方法。

http://api.jquery.com/live/

  

描述:为现在和未来与当前选择器匹配的所有元素附加事件的处理程序。

答案 1 :(得分:1)

您可以使用JQuery .live()

附加新内容:

$('body').append('<div class="clickme">Another target</div>');

为其添加处理程序:

$('.clickme').live('click', function() {
  // Live handler called.
});

然后点击新元素也会触发处理程序。