Плагин не создает объект. Отображение состояния объекта не определено

Question

Я создаю плагин и назначаю карту по умолчанию для моего объекта. Но когда я вызываю свой плагин, тогда я получаю неопределенный объект. Вот мой код

;(function($){

    $.dialog = {

        defaults : {

            timeout: 0 ,
            showClose: true,
            message: "Your message",
            ....

        } //end of defaults

    }; //end of  $.dialog = {}

    $.extend({

        dialog : function(userConfig) {

            var config = (userConfig) ? $.extend({}, $.dialog.defaults, userConfig) 
                                      : $.dialog.defaults;
           $.dialog.createUI(config);

           return this;

       } //end of function(userConfig)

    }); //end of $.fn.extend({})

    $.dialog.createUI = function(config){
        .....
    }

})(jQuery); //end of (function($){}

и я так называю

$(document).ready(function(){

    $.dialog();

}); //end of $(document).ready(fn)

Но я получаю свой объект конфигурации неопределенным. Я не могу получить доступ к своим свойствам по умолчанию. Что я делаю не так?

Спасибо

Answer 1

Я изменил ваш скрипт, как это, и он работал

;(function($){
    $.extend({
        dialog : function(userConfig) {
            var config = (userConfig) ? $.extend({}, $.dialog.defaults, userConfig) : $.dialog.defaults;
            $.dialog.createUI(config);
            return this;
        } //end of function(userConfig)
    }); //end of $.fn.extend({})

    $.dialog.defaults = {
        timeout: 0,
        showClose: true,
        message: "Your message"
    };

    $.dialog.createUI = function(config){

    }
})(jQuery); //end of (function($){}

$(document).ready(function(){
    $.dialog();
}); //end of $(document).ready(fn)

Answer 2

$.extend({   dialog

dialog не определено, должно быть $.dialog.Используйте console.log для проверки переменных и объектов в вашем коде, это сэкономит вам много времени