Jquery Cycle Div 作为锚点

Question

我正在构建一个页面，其中包含一些可以滑入和滑出的内容 div - 只需使用 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。

Answer 1

尝试以下方法：

 return '<li><a href="#">' + $(slide).children(".serviceButton:first")[0].outerHtml + '</a></li>';