插件不是在jQuery中调用

Question

我正在开发一个插件。但是当我调用插件时，它说方法是未定义的

;(function($){

    $.dialog = {

        defaults : {
            ...
        } //end of defaults

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

    $.fn.extend({

        dialog : function(userConfig) {

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

            config.selector = "#" + this.attr("id");

            $.dialog.createUI(config);

            return this;

        } //end of function(userConfig)

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

我称之为

$(document).ready(function(){

    $.dialog();

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

它说 $。对话框不是一个功能。我做错了什么？

由于

Answer 1

我认为你应该使用

$.extend()

而不是

$.fn.extend()

如果你想调用你的插件

$.dialog();

而不是

$('yourselector').dialog();

Answer 2

您是否要在元素选择上调用dialog()方法？ e.g。

$("dialogContainer").dialog();