2

私は次のものを持っています、

$("#slider1next").click(function () {
        $(".text:visible").next().show();
    });

最後のクラス (.text) が表示されたら、#slider1next を非表示にするにはどうすればよいですか?

http://jsfiddle.net/ma9ic/U2UZ4/3/

4

6 に答える 6

3

関数にコールバック関数を追加しshow()、インデックスを評価します。

$("#slider1next").click(function () {
    $(".text:visible").next().show(function() {  
        if($(this).index() == $('.text').length)
        {
            $('#slider1next').hide();
        }
    });
});

更新された jsFiddleを参照してください。

于 2013-02-08T14:20:06.407 に答える
3

これを試して:

$("#slider1next").click(function () {
    var $next = $('.text:visible:last').next();
    $next.length ? $next.show() : $(this).hide();
});

フィドルの例

于 2013-02-08T14:20:54.500 に答える
2
$("#slider1next").click(function () {
$(".text:visible").next().show();
if ($('.text:last').is(':visible')){
    $('#slider1next').hide();
}
});

最後の要素が表示されているかどうかを確認し、ボタンを非表示にします。 http://jsfiddle.net/U2UZ4/12/

于 2013-02-08T14:22:11.987 に答える
1

表示可能な長さがすべてのテキストの長さと等しいかどうかを確認できます。

http://jsfiddle.net/U2UZ4/6/

$("#slider1next").click(function () {
    if ($(".text:visible").length == $(".text").length) { $(this).hide(); }
    $(".text:visible").next().show();
});
于 2013-02-08T14:20:17.293 に答える
1

が表示されているかどうかを確認してください。表示されている場合fourth_oneは非表示にしますslider1next

    $("#slider1next").click(function () {
    $(".text:visible").next().show();
    if($('#fourth_one').is(':visible'))
    {
        $('#slider1next').hide();
    }
});

ここにjsfiddleがあります

于 2013-02-08T14:22:16.027 に答える
1

そのように、最後のショーの後に次のdivがあるかどうかを確認する必要があります

$("#slider1next").click(function () {
    var next = $(".text:visible:last").next();
    console.log(next);
    if (next.length > 0) {
        next.show();
    } else {
        $(this).hide();
    }
});
于 2013-02-08T14:21:21.087 に答える