0

2 つのクリック機能が設定されています。最初の機能では、.testdiv をクリックしてスクロールできます。この後、クラス.test:last-childを削除してredクラスを追加し、クラス div でblueクリック関数を起動して非表示にします。唯一の問題は、 divblueのクリック機能を認識していないようで、機能していないことです。 jsFiddle デモ: http://jsfiddle.net/neal_fletcher/adMYV/1/ HTML:.blue

<div class="test red"></div>
<div class="test red"></div>
<div class="test red"></div>
<div class="test red"></div>
<div class="test red"></div>

jQuery:

$(document).ready(function () {
    $(".red").click(function () {
        var next;
        next = $(this).nextAll(".test");
        $('html, body').animate({
            scrollTop: next.offset().top
        }, "slow");
        return false;
    });
});


$(document).ready(function () {
    $('.test:last-child').removeClass('red').addClass('blue');
    $('.blue').click(function () {
        $(this).hide();
        return false;
    });
});

どんな提案でも大歓迎です！

4

2 に答える 2

1

このようにしてみてください：

http://jsfiddle.net/adMYV/3/

コード

$(document).on("click", ".blue", function () {
    $(this).hide();
    return false;
});
于 2013-11-02T15:01:30.960 に答える
0

.test セレクターでクリック イベントを実行できます。そして、ユーザー hasClass jquery 関数へのクリック関数イベントで、それぞれの場合に必要に応じて動作します。

編集： このように：

$(document).ready(function () {
$(".test").click(function () {
    if($(this).hasClass('red')) {
        var next;
        next = $(this).nextAll(".test");
        $('html, body').animate({
            scrollTop: next.offset().top
        }, "slow");
    } else if($(this).hasClass('blue')) {
        $(this).hide();
    }
    return false;
});
$('.test:last-child').removeClass('red').addClass('blue');

});

http://jsfiddle.net/adMYV/4/をご覧ください

于 2013-11-02T15:01:27.680 に答える