来自服务器的响应数据的 jQuery 事件

Question

我使用 $.ajax() 函数从服务器获取了一些内容。我尝试用这些数据替换某些元素，然后对其进行操作。这是代码:

$.ajax({
    type: "GET",
    url: "smpl.php",
    success: function(servmsg){
        $('#panelInfo').replaceWith('<p>' + servmsg + '</p>');
    }
});

服务器的响应是:

<select id="years">
    <option>2008</option>
    <option>2009</option>
</select>

当我在上面尝试一些事件时，它什么也没做，例如:

$('#years').change(function() { //or .click()
    //do something
});

Answer 1

您需要将代码更改为:

$.ajax({
    type: "GET",
    url: "smpl.php",
    success: function(servmsg){
        $('#panelInfo').replaceWith('<p>' + servmsg + '</p>');
        $('#years').change(function() { //or .click()
            //do something
        });
    }
});

或者，您可以保留原始的ajax调用代码，并使用 livequery像这样:

$('#years').livequery('change', function() { //or .click()
    //do something
});

然后，当您插入 #years block 时，它会自动注册 change 事件。