javascript - JS/J查询 : Click Event After AddClass

Question

假设我想在加载容器包含的图像时更改容器的类，可能是这样的:

$('.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 不支持它。这可能吗？

谢谢。

-瑞安

Answer 1

修复语法错误:

$('.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
});