如何初始化滑块脚本的多个实例-基于div的class属性为每个div分配一个滑块

本文介绍了如何初始化滑块脚本的多个实例-基于div的class属性为每个div分配一个滑块的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我对javascript很陌生.我在初始化滑块脚本的多个实例时遇到麻烦.我希望通过为脚本提供div的ID以便每个实例都是唯一的，为每个div使用"horizontalSlider"类初始化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分配一个滑块的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！