JQuery - 将更改事件添加到下拉列表

Question

我的下拉菜单的底层 HTML 有可能发生更改，我尝试使用 .live 选项而不是 .change 选项进行设置。它对我不起作用。

我目前拥有的是:

$("#ItemsPerPage").change(function(e) { return updatePaging(); });

不幸的是，如果我通过 $.ajax 更新此控件，它将丢失事件定义。我尝试过但不起作用的是:

$("#ItemsPerPage").live("change", function(e) { return updatePaging(); });

有什么想法吗？

Answer 1

而不是重新绑定(bind) <select>每次，您最好只交换其内容(<option> 元素的列表)。

所以请像现在这样使用它:

$("#ItemsPerPage").change(function(e) { return updatePaging(); });

但是当您更新它时，只需交换其内容(其中 newSelectElement 是新的 <select> 元素):

function updateItemsPerPage( newSelectElement ) {
    $("#ItemsPerPage").empty().append( newSelectElement.childNodes );
}

这样，就不需要刷新绑定(bind)，因为节点本身没有交换。