Question

我正在构建一个页面，其中有几个内容可以滑入和滑出 - 只需几行代码就可以使用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>';

Jquery Cycle Div作为主播

1 个答案: