Jquery 如何使用CSS类作为选择器项,并在serialScroll中嵌套HTML元素?

Jquery 如何使用CSS类作为选择器项,并在serialScroll中嵌套HTML元素?,jquery,slideshow,serialscroll,Jquery,Slideshow,Serialscroll,正在尝试使用jQuery serialScroll构建HTML幻灯片的幻灯片放映。但是,如果我的幻灯片包含与我试图滚动的元素匹配的嵌套元素,那么它的行为会有点奇怪 有没有办法将CSS类用作选择器项而不是HTML元素 下面是我见过的典型用法的一个例子: $('#screen').serialScroll({ target:'#sections', items:'li', prev:'img.prev', next:'img.next', navigation

正在尝试使用jQuery serialScroll构建HTML幻灯片的幻灯片放映。但是,如果我的幻灯片包含与我试图滚动的元素匹配的嵌套元素,那么它的行为会有点奇怪

有没有办法将CSS类用作选择器项而不是HTML元素

下面是我见过的典型用法的一个例子:

$('#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类用作项值):

在上面的示例中,如果将.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>

  • 第一节
    • 李巢
    我爱你,我爱你

  • 第二节
    • 李巢
    我爱你,我爱你


项目
已经有一个选择器,这里使用它:

function getItems(){
  return $( items, pane );
};
所以…只要在问题中准确地使用您想要的内容,它就会在
#screen
中找到任何
.mycsclass
元素,相当于:

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

对不起,我对这一点很陌生,你能告诉我我的代码应该是什么样子吗?@trnsfrmr-和你在问题中的一样:)我只是在说明它为什么已经起作用:)不,这仍然不能解决嵌套元素的问题。将更新问题并尝试解释更多内容。更新。从某种意义上说,您是对的,该类确实选择了幻灯片,但它也注册了所有类似的嵌套元素。这会导致幻灯片尝试滚动到每个嵌套元素及其父元素。@trnsfrmr-您只想选择该类的第一级还是。。。?例如,您还可以执行
'>.mycssclass'
以仅获取直接子级。
$(".mycssclass", "#screen")
//or..
$("#screen").find(".mycssclass")