在 jQuery Light Slider 中获取活动图像的名称

Question

我有一个jQuery Light Slider，它工作正常。我想访问活动元素名称。我尝试在控制台中打印活动映像名称，但它不起作用。

$( document ).ready(function() {
    $('#lightSlider').lightSlider({
        gallery: true,
        item: 1,
        loop: true,
        slideMargin: 0,
        thumbItem: 9,
        onAfterSlide: function (el) {
            console.log(el);
        },
    });
});

此代码给出...

jQuery.fn.init 
[ul#lightSlider.lightslider_left.slider_ul.lightSlider.lsGrab.lSSlide, 
context: document, selector: "#lightSlider", goToPrevSlide: ƒ, 
goToNextSlide: ƒ, mode: ƒ, …]

。在每张幻灯片中更改，但我不应该获得图像的名称。

感谢您的想法和帮助

Answer 1

在您的情况下，这可能会有所帮助！(只需使用此控制台.log((而不是您的！

$('#lightSlider').lightSlider({
          gallery: true,
          item: 1,
          loop: true,
          slideMargin: 0,
          thumbItem: 9,
          onAfterSlide: function (el) {
              console.log($(el).find('.active img').attr('src')); 
          }, 
      });

Answer 2

你可以按照 Jquery 代码找到 corrent active li 的 image：

试试这个：

$('#lightSlider').find(".active").find("img").attr("src");