Javascript替换类中的全局参数

Question

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

这是部分代码:

  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)); 
        });
    },

据我了解，每个[数据统计]都会覆盖设置。如何使全局设置成为每个对象的一部分？

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

Answer 1

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

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

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

祝你好运