Javascript JQuery绑定问题
我在一堆单选按钮上使用jQuery绑定,代码如下:Javascript JQuery绑定问题,javascript,jquery,html,Javascript,Jquery,Html,我在一堆单选按钮上使用jQuery绑定,代码如下: jQuery().ready(function() { jQuery("input[name='rank_number']:radio").bind('change', function(){ submitSelectedRank(); }); }); 此代码在页面的初始加载时运行良好,但这些单选按钮的HTML可以通过Ajax调用重新加载,使用: $.ajax({ type: "POST",
jQuery().ready(function() {
jQuery("input[name='rank_number']:radio").bind('change', function(){
submitSelectedRank();
});
});
此代码在页面的初始加载时运行良好,但这些单选按钮的HTML可以通过Ajax调用重新加载,使用:
$.ajax({
type: "POST",
url: "/loadMyRadioButtons",
data: rankings,
dataType: "html",
success: function(response)
{
$('#radioBtnDiv').html(response);
}
});
现在的问题是,只要这个ajax调用替换HTML代码,绑定就会停止工作。如何解决此问题?使用事件委派:
$(document).on('change', "input[name='rank_number']:radio", function(){
submitSelectedRank();
});
在这里,文档
可以被页面加载中存在的输入的任何父项替换。i、 e:
$('#radioBtnDiv').on('change', "input[name='rank_number']:radio", function(){
submitSelectedRank();
});
使用事件委派:
$(document).on('change', "input[name='rank_number']:radio", function(){
submitSelectedRank();
});
在这里,文档
可以被页面加载中存在的输入的任何父项替换。i、 e:
$('#radioBtnDiv').on('change', "input[name='rank_number']:radio", function(){
submitSelectedRank();
});
使用事件委派:
$(document).on('change', "input[name='rank_number']:radio", function(){
submitSelectedRank();
});
在这里,文档
可以被页面加载中存在的输入的任何父项替换。i、 e:
$('#radioBtnDiv').on('change', "input[name='rank_number']:radio", function(){
submitSelectedRank();
});
使用事件委派:
$(document).on('change', "input[name='rank_number']:radio", function(){
submitSelectedRank();
});
在这里,文档
可以被页面加载中存在的输入的任何父项替换。i、 e:
$('#radioBtnDiv').on('change', "input[name='rank_number']:radio", function(){
submitSelectedRank();
});
try'on'而不是'bind'try'on'而不是'bind'try'on'而不是'bind'try'on'@user1195192您的控制台中有错误吗?(F12)。它应该可以工作:@user1195192当然,创建一个pastebin.com/embed_iframe.php?i=t7yY4pYu@user1195192我可以看到存在
#radioBtnDiv
,但这还不足以说明问题所在。单选按钮一就位,你就可以显示你得到的代码了吗?通过这样做。让我们@user1195192您的控制台中有任何错误吗?(F12)。它应该可以工作:@user1195192当然,创建一个pastebin.com/embed_iframe.php?i=t7yY4pYu@user1195192我可以看到存在#radioBtnDiv
,但这还不足以说明问题所在。单选按钮一就位,你就可以显示你得到的代码了吗?通过这样做。让我们@user1195192您的控制台中有任何错误吗?(F12)。它应该可以工作:@user1195192当然,创建一个pastebin.com/embed_iframe.php?i=t7yY4pYu@user1195192我可以看到存在#radioBtnDiv
,但这还不足以说明问题所在。单选按钮一就位,你就可以显示你得到的代码了吗?通过这样做。让我们@user1195192您的控制台中有任何错误吗?(F12)。它应该可以工作:@user1195192当然,创建一个pastebin.com/embed_iframe.php?i=t7yY4pYu@user1195192我可以看到存在#radioBtnDiv
,但这还不足以说明问题所在。单选按钮一就位,你就可以显示你得到的代码了吗?通过做,让我们。