Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将变量附加到.each()语句中生成的BX slider的每个实例_Javascript_Jquery_Variables_Each_Bxslider - Fatal编程技术网

Javascript 将变量附加到.each()语句中生成的BX slider的每个实例

Javascript 将变量附加到.each()语句中生成的BX slider的每个实例,javascript,jquery,variables,each,bxslider,Javascript,Jquery,Variables,Each,Bxslider,我有一些jQuery,它使用BX slider为未知数量的库创建了一个幻灯片。标记是由PHPCMS输出的,因此我们无法确定页面上需要多少库 $(function () { // Use a class rather than an ID var $slider = $('.gallery'); // For each result $slider.each(function (index, element) { // If there is

我有一些jQuery,它使用BX slider为未知数量的库创建了一个幻灯片。标记是由PHPCMS输出的,因此我们无法确定页面上需要多少库

$(function () {

    // Use a class rather than an ID
    var $slider = $('.gallery');

    // For each result
    $slider.each(function (index, element) {

        // If there is more than 1 image
        if ($(element).find('img').length > 1) {

            // Initialise a slider using the current index value
            $slider.eq(index).bxSlider({
                auto: false,
                pager: false,
                duration: 500
            });

        }

    });

});
为了使用公共函数,我需要将BX滑块的每个实例定义为一个变量


所以
var slider=$('#gallery').bxSlider()将是标准。如何在这个each语句中动态生成这些变量?

您在寻找类似的内容吗

$(function () {

    var bxSliderInstances = {};

    // Use a class rather than an ID
    var $slider = $('.gallery');

    // For each result
    $slider.each(function (index, element) {

        // If there is more than 1 image
        if ($(element).find('img').length > 1) {

            // Initialise a slider using the current index value
            bxSliderInstances["slider" + index] = $slider.eq(index).bxSlider({
                auto: false,
                pager: false,
                duration: 500
            });

        }

    });

});
bxSliderInstances
将包含所有滑块实例作为关联数组,您可以根据需要使用该数组


例如
bxSliderInstances.slider1
`bxSliderInstances[“slider1”]
将为您提供第一个
bxSlider
实例。

看起来很完美。我会尝试一下,让你知道。有可能一次全部使用吗?例如,
bxSliderInstances.goToNextSlide()
会起作用吗?