如何初始化滑块脚本的多个实例-基于div的class属性为每个div分配一个滑块 [英] how to initialize multiple instances of slider script - one slider for each div based on the div's class attribute

问题描述

我对javascript很陌生.我在初始化滑块脚本的多个实例时遇到麻烦.我希望通过为脚本提供div的ID以便每个实例都是唯一的，为每个div使用"horizo​​ntalSlider"类初始化1个滑块.

I'm pretty new to javascript. I'm having trouble initializing multiple instances of a slider script. I want 1 slider initialized for each div with class "horizontalSlider" by giving the script that div's id so that each instance is unique.

这是我到目前为止的内容，但是没有用.

Here's what I have so far but it is not working.

$(document).ready(function(){
                $('.horizontalSlider').each(function(){
                    var thisSlider = '"#' + $(this).attr("id") + ' ul"';
                    $(thisSlider).bxSlider({
                        mode : 'horizontal',
                        speed : 500,
                        prevImage : 'prev.svg',
                        nextImage : 'next.svg',
                        easing : 'swing'
                    });
                });
            });

推荐答案

      $(document).ready(function(){
            $('.horizontalSlider').each(function(){

                $(this).bxSlider({
                    mode : 'horizontal',
                    speed : 500,
                    prevImage : 'prev.svg',
                    nextImage : 'next.svg',
                    easing : 'swing'
                });
            });
        });

这篇关于如何初始化滑块脚本的多个实例-基于div的class属性为每个div分配一个滑块的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！