2010-05-16 73 views
0

有沒有辦法使jQuery函數「跳過」li?比如有3個列表項,你點擊第一個列表項,它會調用next()函數,並跳過第二個列表並跳轉到第三個列表項。jquery跳過列表項

目前的代碼是在這裏:

$( 'ul.gallery禮')點擊(函數(){$ (窗口).scrollTo($(本)。接下來( '禮'),800 ,{easing:'easeOutCirc',axis:'x',offset:-50}); });

我希望它跳過即時li並轉到那個之後。

回答

0

最簡單的辦法是再打電話.next(),像這樣:

$('ul.gallery li').click(function() { 
    $(window).scrollTo($(this).next('li').next('li'), 
         800, 
         {easing:'easeOutCirc', axis:'x', offset:-50 }); 
}); 

如果<li>你就想有一個特定的類,像這樣:

<ul> 
    <li>Stuff</li> 
    <li>Stuff 2</li> 
    <li class="selectMe">Stuff 3</li> 
</ul> 

你可以使用.nextAll()代替.next(),像這樣:

$('ul.gallery li').click(function() { 
    $(window).scrollTo($(this).nextAll('li.selectMe:first'), 
         800, 
         {easing:'easeOutCirc', axis:'x', offset:-50 }); 
}); 
+0

真棒,謝謝LI。 – steve 2010-05-16 20:09:26