javascript - Jquery Cycle Div 作为 anchor

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>';