Javascript 将变量附加到.each()语句中生成的BX slider的每个实例
我有一些jQuery,它使用BX slider为未知数量的库创建了一个幻灯片。标记是由PHPCMS输出的,因此我们无法确定页面上需要多少库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
$(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()
会起作用吗?