Javascript替换类中的全局参数

Javascript replace global parameters in class

本文关键字：全局 参数 替换 Javascript      更新时间：2023-09-26

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

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

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

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

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

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

祝好运

相关文章：