访问jQuery插件数据

时间:2011-08-04 10:58:36

标签: jquery jquery-plugins

jQuery documentation建议使用data()按DOMElement存储其他信息。但是我很难以一种好的方式访问保存的数据。

当我调用其他让我迷失方向的功能时,范围会发生变化:)

(function ($) {
    var methods = {
        init: function (options) {
            return this.each(function () {
                var $this = $(this),
                    data = $this.data('myPlugin');

                if (!data) {
                    $(this).data('myPlugin', {
                        testValue: true
                    });

                    data = $this.data('myPlugin');
                }
            });
        },

        testFunction: function () {
            console.log('t: '+$(this).data('myPlugin').testValue);
            methods.otherFunction();
        },

        otherFunction: function () {
            console.log('o: '+$(this).data('myPlugin').testValue);
        }
    };

    $.fn.myPlugin = function (method) {
        if (methods[method]) {
            return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
        } else if (typeof method === 'object' || !method) {
            return methods.init.apply(this, arguments);
        } else {
            $.error('Method ' + method + ' does not exist on jQuery.myPlugin');
        }
    };

})(jQuery);

$(document).ready(function () {
    $('body').myPlugin();
    $('body').myPlugin('testFunction');
});

控制台输出:

t: true
Uncaught TypeError: Cannot read property 'testValue' of undefined

1 个答案:

答案 0 :(得分:6)

您需要使用

        methods.otherFunction.apply(this);

而不是

        methods.otherFunction();

使范围正确。

演示:http://jsfiddle.net/ayNUD/