snook.caの最も単純なjQueryスライドを複数のネストされた要素に適合させようとしています。私のjQueryは少し冗長だと確信していますが、私はサイクルを機能させています。ただし、スクリプトを要素のセットの先頭に戻して、無限ループを繰り返す方法がわかりません。SnookのスクリプトはappendToを使用して最初に戻り、スタックを再作成しますが、これを配置する方法がわかりません。
HMTLは次のとおりです(これらのリストアイテムには4つの(固定)インスタンスがあります)。
<li class="current">
<h3>...</h3>
<p><img src="..."><span>...<a href="...">...</a></span></p>
</li>
そして、これがjQueryです(<p>
循環している要素です):
$(document).ready(function() {
$('header nav li').not('.current').children('p').hide();
setInterval(function(){
$('header nav li.current').children('p')
.hide().parent('li').removeClass().next('li')
.addClass('current').children('p').show().end();
},3000);
});
あなたが私に与えることができるどんな助けにも感謝します!