Jquery 在模块中返回 prevObject

Question

我正在使用 browserify 并将我的代码拆分为像 article 这样的模块。

我在下面遇到了一个问题，"settings.button" 没有返回 jQuery object $('.burger') 而是返回 "prevObject" 。我在这里错过了什么吗？

感谢任何帮助。

'use strict';

var s,
    toggleNavigation = {

        settings: {
            button: $('.burger'),
            active: 'is-active'
        },

        init: function() {
            s = this.settings;
            this.bind();
        },

        bind: function() {
            s.button.on("click", function() {
                s.button.toggleClass(s.active);
            });

        }

    }

module.exports = toggleNavigation

Answer 1

可能在$('.burger') 运行时该元素尚不存在（未在文档加载时运行），因此除了prevObject 字段外，您什么也看不到。

prevObject 字段用于链接 jQuery 选择器。如果您想使用某些东西来缩小选择范围，它将包含对另一个 DOM 元素的引用，例如：.filter()。