我正在构建一个页面,其中包含将要滑入和滑出的几部分内容-jQuery Cycle仅需要几行代码。
我在要添加链接的一侧导航。 jQuery循环没问题-我什至可以指定要使用的图像或H3标签。
但是,我想从幻灯片中添加整个div,以显示在侧栏中。我将如何选择该div?
现在我的代码是:
$('#servicesWrap').cycle({
fx: 'scrollLeft',
speed: 'normal',
timeout: 0,
pager: '#servicesSidebar',
pagerAnchorBuilder: function(idx, slide) {
return '<li><a href="#">' + jQuery(slide).children(".serviceButton").eq(0).text() + '</a></li>';
}
});
我在另一个stackoverflow帖子上找到了PagerAnchorBuilder。它的效果很好,但只能在div中获取文本。我想捕获看起来像这样的整个div:
<div class="serviceButton">
... Text and images go here...
</div>
我敢肯定这很简单,我只是不知道jQuery足够好,无法选择整个div。
最佳答案
请尝试以下操作:
return '<li><a href="#">' + $(slide).children(".serviceButton:first")[0].outerHtml + '</a></li>';