jquery - 不调用动态加载的选项列表上的更改事件

Question

我想动态加载（使用速度对象）一个选择下拉列表，然后将更改事件与之关联；为此，我写道：

$(function() {
        var tableList = $("#tableList");
#foreach( $i in $it.getTableNames() )
        tableList.append($("<option></option>")
            .text("$!esc.html($i)"));
#end
        tableList.change(function(){
            jQuery.ajax({
            type: "GET",
            url: "$it.uri" + "/tablesColumnNames",
            dataType: "json",
            success: loadTableResponse
            });
        });
}

但是，尽管选项列表已正确加载，但永远不会触发更改事件。这有什么问题？

Answer 1

做

$(function() {
  $(document.body).on("change","#tablelits",function() {
              //...
         });
  //append your select/options whenever you want
})

注意：$(document.body)显然缓存你的，前面的代码只是机制的说明

注意：不要一一附加您的选项，在您的选择框中创建一个包含所有选项的 var，然后使用一次附加选择appendTo（因为appendie 往往会出错）