serialScrollでネストされたHTML要素を持つセレクタ項目としてCSSクラスを使用するにはどうすればよいですか？

Question

jQuery serialScrollを使用してHTMLスライドのスライドショーを作成しようとしています。しかし、スライドに、スクロールしようとしている要素と一致するネストされた要素が含まれていると、それはちょっと変わった動作をします。

HTML要素の代わりにセレクタ項目としてCSSクラスを使用する方法はありますか？ここで

は、私が見てきた典型的な使い方の例である：

$('#screen').serialScroll({ 
    target:'#sections', 
    items:'li', 
    prev:'img.prev', 
    next:'img.next', 
    navigation:'#navigation li a', 
    duration:700, 
    force:true, 
    step:1, 
    interval:1000 
}); 

私は、次の（注：項目の値として使用するCSSクラスを）：やりたい

で

$('#screen').serialScroll({ 
    target:'#sections', 
    items:'.mycssclass', 
    prev:'img.prev', 
    next:'img.next', 
    navigation:'#navigation li a', 
    duration:700, 
    force:true, 
    step:1, 
    interval:1000 
}); 

上の例では、.mycssclassをリストアイテム要素に添付し、さらにスライドのHTMLにネストされたリストアイテムを追加すると、スライドが奇妙な方向に跳ね返ります。

が私のマークアップは次のようになります。

<div id="screen"> 
<div id="sections"> 
<ul> 
    <li class="mycssclass"> 
    <h2>Section 1</h2> 
    <ul> 
     <li>Nest li</li> 
    </ul> 
    <p>Lorem ipsum dolor sit amet...</p> 
    </li> 
    <li class="mycssclass"> 
    <h2>Section 2</h2> 
    <ul> 
     <li>Nest li</li> 
    </ul> 
    <p>Lorem ipsum dolor sit amet...</p> 
    </li> 
</ul> 
</div> 
</div> 

Answer 1

itemsが既にセレクタをとり、それがここで使われています：

function getItems(){ 
    return $(items, pane); 
}; 

そう...ちょうど質問であなたが望むものを正確に使用し、それは

$(".mycssclass", "#screen") 
//or.. 
$("#screen").find(".mycssclass")