Блог

Я создал плагин jQuery, и он работает практически нормально. За исключением того, что, когда у меня есть несколько экземпляров на одной странице, параметры / настройки последнего экземпляра используются для обоих.

Вот его урезанная версия … извините за длину.

 (function() {

    var settings = {};
    var defaults = {
        duration : 1000,
        easingShow : 'easeOutBounce',
        easingHide : 'easeOutQuad'
    };

    var methods = {
        init : function(options) {

            return this.each(function(n) {

                settings = $.extend(defaults, options);

            });

        },

        show : function() {

            // settings used here
        },

        hide : function() {
            // also used here
        }
    };

    $.fn.expander = 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.expander');
        }

    };

})(jQuery);
  

Я уверен, что это какая-то проблема с пространством имен, поскольку меня это часто смущает.

Спасибо

использовать

 settings = $.extend(true, {}, defaults, options);
  

из jquery docs @ http://api.jquery.com/jQuery.extend /

глубокое, если true, слияние становится рекурсивным (иначе. глубокое копирование).
укажите объект для расширения. Он получит новые свойства.
object1 Объект, содержащий дополнительные свойства для объединения.
Укажите дополнительные объекты, содержащие свойства для объединения.

Имейте в виду, что целевой объект (первый аргумент) будет изменен, а также будет возвращен из $.extend(). Однако, если мы хотим сохранить оба исходных объекта, мы можем сделать это, передав пустой объект в качестве целевого.

Чтобы иметь разные настройки для каждого элемента, вы можете сохранить их в каждом элементе с помощью .data()

Посмотрите рабочую демонстрацию:http://jsfiddle.net/roberkules/XvKs8 /