1

尝试使用 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 类）：

$('#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>
4

1 回答 1

2

items已经有一个选择器，在这里使用它：

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

所以......只需在问题中使用您想要的，它会在.mycssclass里面找到任何元素#screen，相当于：

$(".mycssclass", "#screen")
//or..
$("#screen").find(".mycssclass")
于 2010-11-23T13:58:32.293 回答