javascript - 创建后对 bxslider 的引用

Question

在创建元素后，是否可以获得对已应用于元素的bxslider的引用？

通常，如果第一次创建滑块，您可以获得参考。

var mySlider;
$(function(){
    mySlider = $('#slider').bxSlider({
        auto: true,
        controls: true
    });
});

但是，如果您在同一页面上有多个滑块，并且所有滑块都被类而不是 id 引用，那么事后能够获得对滑块对象的引用会很好。

例如

HTML：

<ul class="slider" id="my-specific-slider">...</ul>
<ul class="slider" >...</ul>
<ul class="slider" >...</ul>

JS：

var mySlider;
$(function(){
    $('.bxslider').bxSlider({
        auto: true,
        controls: true
    });

    myslider = $('#my-specific-slider').XXX;
});

Answer 1

不确定您是否仍然需要答案，但我建议使用 each()。

$(function(){
    $(".slider").each(function() {
        eleId = $(this).attr('id');
        if (eleId) {
            eleId = $(this).bxSlider({
                auto: true,
                controls: true
            });
        }
    }
});