jquery 不会点击新生成的类，尝试委托(delegate)

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);
});