2

ボタンがあり、クリックするとクラスが追加され、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);
});
4

1 に答える 1

1

.on()代わりに使用してみてください。

$('.product-grid').on('click','.revert-back', function () {
     alert ('Button Clicked');
     $(".all-products").slideUp(100);
});
于 2013-03-08T16:38:37.753 に答える