Question

我正在使用Flexslider。在完成每张幻灯片时，我想找到div .extra的内容。我正在尝试使用Flexslider的after回调函数来查找div的内容，但它找不到。它甚至找不到任何父类或任何其他元素类。

如何在完成每张幻灯片时找到.extra div的内容？

HTML：

<div class="box">
    <div class="extra">abc</div>
    <div class="flexslider">
      <ul class="slides">
        <li><img src="image1.jpg" /></li>
        <li><img src="image2.jpg" /></li>
        <li><img src="image3.jpg" /></li>    
      </ul>
    </div>
</div>

JS：

$('.flexslider').flexslider({
    animation: "slide",
    after: function(slider) {
        var abc = $(this).parents().find('.extra').html();
        alert(abc);
    }
});

演示： http://jsfiddle.net/he8gfh29/

Answer 1

以下代码适合您:)当滑块的选择器通过function(slider)时，您需要在slider处使用$(this)对象。< / p>

$('.flexslider').flexslider({
    animation: "slide",
    after: function(slider) {
        var abc = slider.parents().find('.extra').html();
        alert(abc);
    }
  });

在回调后在Flexslider中找到div

1 个答案: