Question

我在JS中开发了一个基于Foundation的滑块。它有一些初始的配置和功能。滑块的一个实例可以工作，但是当向页面添加另一个滑块时，全局配置会被覆盖，第一个滑块会控制第二个滑块。

以下是代码的一部分：

  Foundation.libs.slider = {
    name: 'slider',
    version: '0.1.0',
    settings: {
        callback: function () {
        },
        active_class: "active"
    },
    stat: '',
    windowWidth: '',
    slide: '',
    slideWidth: '',
    slideCount: '',
    slidesVisible: 0,
    bullets: '',
    bulletsHtml: '',
    bulletsCount: 0,
    bullet: '',
    init: function (scope, method, options) {
        this.bindings(method, options);
    },
    events: function () {
        var self = this;

        this.S('[data-stats]', this.scope).each(function () {
            self.slider($(this)); 
        });
    },

据我所知，每个[data-stats]都会覆盖设置。如何将全局设置作为每个对象的一部分？

我对JS知之甚少，非常感谢你的帮助。

Answer 1

您必须在单独的实例中独立初始化滑块并控制您实例化的对象。例如：

    var slider1 = new Slider();
    var slider2 = new Slider();
    slider1.init();
    slider2.init();

显然，你需要单独初始化方法，你可以返回选择器或整个对象。

祝你好运

Javascript替换类中的全局参数

1 个答案: