Jquery 如何使用CSS类作为选择器项,并在serialScroll中嵌套HTML元素?
正在尝试使用jQuery serialScroll构建HTML幻灯片的幻灯片放映。但是,如果我的幻灯片包含与我试图滚动的元素匹配的嵌套元素,那么它的行为会有点奇怪 有没有办法将CSS类用作选择器项而不是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
$('#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")