打开和关闭运行时Stellar.js

Question

有没有一种在代码中打开和关闭stellar.js的方法？我尝试过用不同的参数调用“恒星”方法，但它似乎只起了一次作用：

    $(document).ready(function() {
        $.stellar({
                verticalScrolling: true,
                verticalOffset: 0,
            });

        $.stellar({
                verticalScrolling: false, // is not turning scrolling off
                verticalOffset: 0,
            });

    });

Answer 1

如果您想重新加载插件，请在调用初始化函数之前重置它。

检查stellar.js中的函数代码。如果选项===‘破坏’，插件恒星是重置。

$.fn[pluginName] = function (options) {
    var args = arguments;
    if (options === undefined || typeof options === 'object') {
        return this.each(function () {
            if (!$.data(this, 'plugin_' + pluginName)) {
                $.data(this, 'plugin_' + pluginName, new Plugin(this, options));
            }
        });
    } else if (typeof options === 'string' && options[0] !== '_' && options !== 'init') {
        return this.each(function () {
            var instance = $.data(this, 'plugin_' + pluginName);
            if (instance instanceof Plugin && typeof instance[options] === 'function') {
                instance[options].apply(instance, Array.prototype.slice.call(args, 1));
            }
            if (options === 'destroy') {
                $.data(this, 'plugin_' + pluginName, null);
            }
        });
    }
};

因此，您的代码可以如下：

$(document).ready(function() {
    $.stellar({
            verticalScrolling: true,
            verticalOffset: 0,
        });

    $.stellar("destroy");

    $.stellar({
            verticalScrolling: false, // is not turning scrolling off
            verticalOffset: 0,
        });

});