javascript - 如何初始化 slider 脚本的多个实例 - 根据 div 的类属性为每个 div 一个 slider

Question

我是 javascript 的新手。我在初始化 slider 脚本的多个实例时遇到问题。我想通过为脚本提供 div 的 id 来为类为“horizo​​ntalSlider”的每个 div 初始化 1 个 slider ，以便每个实例都是唯一的。

这是我目前所拥有的，但它没有用。

$(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'
                    });
                });
            });

Answer 1

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

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