使用ajax调用动态添加元素后，jquery事件无法正常工作

Question

奇怪的是，在ajax调用之后，我的所有jquery事件都没有响应。我是一个加载函数调用，一旦jsp重新加载所有事件只是不响应。有什么帮助吗？

以下是触发函数调用的代码。

$('#personTypeId').on('change', function() {
    var selectId = document.getElementById("personTypeId").value;
    if (selectId == 1 || selectId == 4 || selectId == 8) {
        $("#directoryFilter").load("directory/filters #directoryFilter",{"selectId" : selectId  });

    }
});

Answer 1

$(document).on("change", "#personTypeId", function(){
    var selectId = document.getElementById("personTypeId").value;
    if (selectId == 1 || selectId == 4 || selectId == 8) {
            $("#directoryFilter").load("directory/filters #directoryFilter",{"selectId" : selectId  });
    }
});