Comment utiliser des classes CSS en tant qu'éléments de sélection avec des éléments HTML imbriqués dans serialScroll?

Question

Création d'un diaporama de diapositives HTML avec jQuery serialScroll. Cependant, si mes diapositives contiennent des éléments imbriqués qui correspondent à l'élément que j'essaie de faire défiler, alors cela agit un peu bizarre.

Existe-t-il un moyen d'utiliser des classes CSS en tant qu'éléments de sélection au lieu d'éléments HTML?

Voici un exemple des usages typiques que j'ai vu:

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

Je voudrais faire ce qui suit (note: classe CSS utilisée en tant que valeur articles):

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

En Dans l'exemple ci-dessus, si vous avez joint le fichier .mycssclass à un élément de liste et que d'autres éléments de liste sont imbriqués dans la diapositive HTML, vos diapositives rebondiront dans des directions inhabituelles.

Mon balisage ressemble à ceci:

<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 prend déjà un sélecteur, il est utilisé ici:

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

Alors ... il suffit d'utiliser exactement ce que vous voulez dans la question, il trouver .mycssclass éléments à l'intérieur #screen, équivalent à:

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