2

ページがスライダーとして表示される Web サイトを構築しています。各ページには一意の ID がありますが、すべて「セクション」という名前のクラスがあります。今私ができないように見えるのは、画面に表示されているdivのID、「CURRENT PAGE」のIDを見つけることです(添付の画像を参照)。次/右ボタンはウェブサイトを右に水平にスクロールし、前/左ボタンはウェブサイトを左にスクロールします。

ウェブサイト/画面レイアウト:
サイト・画面構成

フィドル 1

フィドル 2

Fiddle oneには、すべてのdiv内に次/前のボタンがありますが、次と前のボタンのセットでdivの動きを制御したいと思います。

これは、前/次のボタンに使用している Javascript です。

$('.next').stop().click(function () {

    if($(this).closest('.checkout').next().css('display') == 'none'){ 
        alert('a');
    }else{
        $(this).parent().animate({
            marginLeft: '-100%'
        }, 500);
        $(this).parent().next().animate({
            marginLeft: '0%'
        }, 500);
        $(this).parent().animate({
            marginLeft: '-100%'
        }, 500);
    }

});

$('.prev').click(function () {

    $(this).stop().parent().animate({
        marginLeft: '0%'
    },  500);
    $(this).stop().parent().prev().animate({
        marginLeft: '0%'
    },  500);

    $(this).stop().parent().animate({
        marginLeft: '0%'
    },  500);

});
4

2 に答える 2

1

最も簡単な方法（私にとって）：

これを html に追加して結果を確認します。

<span id="whichid"></span>

これをjsの前に追加します

var page=0;

if ステートメント内に次を追加します。

page=page+1;
$('#whichid').text(page);

次のページと:

page=page-1;
$('#whichid').text(page);

前のページ用。

:nthoftype または :child または同様のセレクターを使用して、ページ ID を取得できます。

于 2013-09-05T10:10:07.687 に答える