0

異なるマージンでインジケーターの可視性を設定しようとしています。次のn前の2つのボタンを持つスライダーがあります。次のボタンをクリックしてアクティブなスライド番号を表示しようとしています この方法でやっています

$("#BtnNext").click(function (event) {
            {
                if ($('#MainContainer').css("marginLeft") == "0px") {
                    $('#FirstPage').css("visibility", "hidden");
                    $('#SecondPage').css("visibility", "visible");
                    $('#ThirdPage').css("visibility", "Hidden");
                    $('#FourthPage').css("visibility", "Hidden");
                }
                if ($('#MainContainer').css("marginLeft") == "-1425px") {
                    $('#FirstPage').css("visibility", "Hidden");
                    $('#SecondPage').css("visibility", "Hidden");
                    $('#ThirdPage').css("visibility", "visible");
                    $('#FourthPage').css("visibility", "Hidden");
                }
                if ($('#MainContainer').css("marginLeft") == "-2850px") {
                    $('#FirstPage').css("visibility", "Hidden");
                    $('#SecondPage').css("visibility", "Hidden");
                    $('#ThirdPage').css("visibility", "Hidden");
                    $('#FourthPage').css("visibility", "visible");
                }
                if ($('#MainContainer').css("marginLeft") == "-4275px") {
                    $('#FirstPage').css("visibility", "visible");
                    $('#SecondPage').css("visibility", "Hidden");
                    $('#ThirdPage').css("visibility", "Hidden");
                    $('#FourthPage').css("visibility", "Hidden");
                }
            }
        });

しかし、問題は、1 ラウンドが正常に完了した後、最初のスライドに再び移動すると、最初のインジケーターが可視モードにならないことです。私を助けてください

4

1 に答える 1

0

これはデフォルトを設定するので機能するはずです：

$('#BtnNext').click(function (event) {
    var marginLeft = $('#MainContainer').css('marginLeft'),
        pages = $('#FirstPage, #SecondPage, #ThirdPage, #FourthPage'),
        page = '';
    switch case (marginLeft) {
    case '0px':
        page = '#SecondPage';
        break;
    case '-1425px':
        page = '#ThirdPage';
        break;
    case '-2850px':
        page = '#FourthPage';
        break;
    default:
        page = '#FirstPage';
    }
    pages.css('visibility', 'hidden').filter(page).css('visibility', 'visible');
});

うまくいかない場合は、jsFiddleを設定して、質問にリンクしてください。

于 2012-12-01T21:23:07.263 に答える