假设我想在加载容器包含的图像时更改容器的类,可能是这样的:
$('.image').load(function(){
$(this).parents('.image-wrapper').removeClass('image-wrapper').addClass('image-wrapper-new');
});
…然后添加一个点击事件,引用新添加的类,像这样:
$('.image-wrapper-new').click(function(){
//Do stuff
});
我试过类似的方法,但没有成功。我错过了什么吗?
使用开发人员工具,浏览器似乎将其呈现为 .image-wrapper-new,但由于它在物理代码中保留了 .image-wrapper 类,Jquery/JS 不支持它。这可能吗?
谢谢。
-瑞安
最佳答案
修复语法错误:
$('.image').load(function(){
$(this).parents('.image-wrapper').removeClass('image-wrapper').addClass('image-wrapper-new');
});
我还建议使用 .on()
而不是 .click()
,这样您就不必在每次更改类时都重新绑定(bind)事件处理程序:
$(document).on('click', '.image-wrapper-new', function(){
//Do stuff
});
关于javascript - JS/J查询 : Click Event After AddClass,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5080374/