Javascript 替换 class 中的全局参数

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();

显然，您需要单独初始化的方法，您可以return选择器或整个对象。

祝你好运

Javascript 替换 class 中的全局参数

Javascript replace global parameters in class

javascript

jquery

zurb-foundation