javascript - 在不涉及整页刷新的动态页面更改后，使用 JQuery 访问/传播选择器到新的输入字段

Question

我有一个 jQuery 选择器，它在用户在输入表单中更改国家名称后运行。但是，在国家/地区字段更改后，地址输入字段会更改，并且页面会动态刷新，而无需重新加载整个页面。

问题：内联/部分页面刷新后，如何让 JQuery 访问/传播选择器到新的输入字段？

例子：

jQuery('[id^="Country"]').on('mouseup', function(e) {
// code gets here okay... the problem is it doesn't call the the following after the page refresh... 
});

jQuery('select[id^="AccountEditForm.Parent Ship To Address."]:visible,input[id^="AccountEditForm.Parent Ship To Address."]:visible').on('mousedown', function(e) {
// code no longer gets here because the input fields are updated dynamically for some reason
});

注意：我使用的是 .live()... 但新版本的 jQuery 不再支持此功能。

V$H。

Answer 1

$(document).on('mouseup', '[id^="Country"]',  function(e){
    alert($(this).attr('id'));
​});​

示例

for(i=1;i<6;i++)
{
    var div=$("<div id='Country"+i+"'>country"+i+"</div>");
    $('#wrapper').append(div);
}

$('#wrapper').on('mouseup', '[id^="Country"]', function(e){
    alert($(this).attr('id'));
});

例子