回调后在Flexslider中找到一个div

Question

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

如何在完成每张幻灯片后找到 .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) 传递的，所以你需要在 $(this).[=14 的地方使用 slider 对象=]

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

回调后在Flexslider中找到一个div

Find a div in Flexslider after callback

html

javascript

jquery

flexslider