我正在构建一个页面,其中包含将要滑入和滑出的几部分内容-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>';

09-09 22:04
查看更多