创建后引用bxslider

时间:2013-08-28 23:46:47

标签: javascript jquery bxslider

是否有可能在创建元素后获得对已应用于元素的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;
});

1 个答案:

答案 0 :(得分:0)

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

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