jquery - jquery 不会点击新生成的类，尝试委托

Question

我有一个按钮，当我点击它时，我添加了类revert-back，然后当我点击这个新类时没有任何反应。我最初尝试了一个简单.click的方法，但由于那不起作用，我找到了一些关于使用.delegate. 问题是当我使用它时，它会立即自动点击

因此，一旦我单击show-more它就会立即再次向上滑动并显示“按钮单击”警报。

$(".show-more").click(function () {
    $(".show-more-products").addClass("revert-back");
    $(".show-more-products").removeClass("show-more");
    $(".all-products").slideDown(100);
    $('.show-more-products').html('Show Less');
});
$('.product-grid').delegate('.revert-back', 'click', function () {
    alert('Button Clicked');
    $(".all-products").slideUp(100);
});

Answer 1

尝试.on()改用。

$('.product-grid').on('click','.revert-back', function () {
     alert ('Button Clicked');
     $(".all-products").slideUp(100);
});