1

全て。リンクをクリックするとdivを水平にスライドさせるjQueryがあります。問題は、ページの読み込み時にリンクがクリックされないため、div が表示されない (ul のみが表示される) ことです。ページの読み込み時にID「page1」を選択してdivを作成したいと思います。どうやってするか？私はhtml、idのpage1からpage9までのいくつかのdiv、およびdiv idを参照するリンクを含むulを投稿していません。

jQuery:

jQuery(function($) {
    $('a.panel').click(function() { 
        var $page = $($(this).attr('href')), $other = $page.siblings('.active');
        if (!$page.hasClass('active')) { 
            $other.each(function(index, self) { 
                var $this = $(this);
                $this.removeClass('active').animate({ left: $this.width() }, 500);
            });
            $page.addClass('active').show().css({ left: -($page.width()) }).animate({ left: 0 }, 500);
        } 
     return false;
   });
});

ありがとう

4

2 に答える 2

1

a.panel表示するトリガーとなる最初のリンクをdiv表示したいとします。

ただ使う

$(docmuent).ready(function () {
    $('a.panel:nth(0)').click();
});

第 1 エレメント用:nth(0)

:nth(1)インデックスが開始する秒0

于 2013-08-16T09:56:30.223 に答える
0

ページの最初の div を見つけて表示することをお勧めします。HTML を表示していないため、セレクターを提供することはできませんが、次のようなものが機能するはずです。

$('.page:first')
    .addClass('active')
    .show()
    .css({ left: -($page.width()) })
    .animate({ left: 0 }, 500);
于 2013-08-16T09:57:26.370 に答える