Javascript 对象[Object Object]没有方法'；discussionwidget'；

我是JQuery和Html的初学者。我正在创建一个名为“讨论向导”的小部件。运行时，我发现以下错误：Object[Object Object]没有“discussionwidget”方法

不确定，原因可能是什么： 请帮助：

小部件代码：

(function ($, undefined) {
    $.widget('ui.discussionwidget', {
        options: {
            userName : 'Arti Agarwal',
            title:"",
            width:"",
            containerClass:".ui-content-gutter"
        },

        _create: function () {
            //Create the structure of Discussion Widget
            var widgetStructure = '<div class="ui-discussion hGridPx_120 wGridPx_10"><div  class="ui-discussion-header hGridPx_18 wGridPx_10"></div><div class="ui-discussion-container hGridPx_100 wGridPx_75"><div class="ui-discussion-messages hGridPx_75 wGridPx_74"> <ul id="ui-discussion"></ul></div> <div class="ui-discussion-input hGridPx_10 wGridPx_10"><label class="input hGridPx_10 wGridPx_60"><span>Add or reply to a comment...</span><textarea id="message" class="hGridPx_10 wGridPx_60"></textarea></label><div class="ui-discussion-send hGridPx_10 wGridPx_10"><a href="#" id="addchat"><span class="ui-image-addchat">Add</span></a> <a href="#" id="replychat" class="ui-reply-disabled"><span class="ui-image-replychat">Reply</span></a></div></div></div></div>';
            widgetStructure.appendTo($($(this.options.containerClass));
        },
widget: function () {
            return this.element;
        },

    });

    var CloseDiscussionWidget = function() {

    }

})(jQuery);

（函数（$，未定义）{
$.widget（'ui.discussionwidget'{
选项：{
用户名：“Arti Agarwal”，
标题：“，
宽度：“，
容器类：“.ui内容栏”
},
_创建：函数（）{
//创建讨论小部件的结构
var widgetStructure='
添加或回复评论；
appendTo（$（$（this.options.containerClass））；
},
小部件：函数（）{
返回此.element；
},
});
var CloseDiscussionWidget=函数（）{
}
})（jQuery）；

我从一个页面上称之为：

<script>
        (function ($) {

            //Load discussion history fist time
            $(document).ready(function () {
                GetCurrentUserDetails('arti.agarwa');
                Discussionwidget = $('.ui-content-gutter').discussionwidget({ containerClass: ".ui-content-gutter" });
        } (jQuery));
    </script>

（函数（$）{
//首次加载讨论历史记录
$（文档）.ready（函数（）{
GetCurrentUserDetails（'arti.agarwa'）；
Discussionwidget=$（'.ui内容栏'）。Discussionwidget（{containerClass:“.ui内容栏”}）；
}（jQuery））；

代码中几乎没有语法错误，请重试

(function ($, undefined) {
    $.widget('ui.discussionwidget', {
        options: {
            userName: 'Arti Agarwal',
            title: "",
            width: "",
            containerClass: ".ui-content-gutter"
        },

        _create: function () {
            // Create the structure of Discussion Widget
            var widgetStructure = $('<div class="ui-discussion hGridPx_120 wGridPx_10"><div  class="ui-discussion-header hGridPx_18 wGridPx_10"></div><div class="ui-discussion-container hGridPx_100 wGridPx_75"><div class="ui-discussion-messages hGridPx_75 wGridPx_74"> <ul id="ui-discussion"></ul></div> <div class="ui-discussion-input hGridPx_10 wGridPx_10"><label class="input hGridPx_10 wGridPx_60"><span>Add or reply to a comment...</span><textarea id="message" class="hGridPx_10 wGridPx_60"></textarea></label><div class="ui-discussion-send hGridPx_10 wGridPx_10"><a href="#" id="addchat"><span class="ui-image-addchat">Add</span></a> <a href="#" id="replychat" class="ui-reply-disabled"><span class="ui-image-replychat">Reply</span></a></div></div></div></div>');

            //Missing ) here
            widgetStructure.appendTo($($(this.options.containerClass)));
        },
        widget: function () {
            return this.element;
        },

        destroy: function () {
            $.Widget.prototype.destroy.call(this);
        }//extra , here

    });

    var CloseDiscussionWidget = function () {

    }

})(jQuery);

//missing }) here
(function ($) {
    // Load discussion history fist time
    $(document).ready(function () {
        //GetCurrentUserDetails('arti.agarwa');
        Discussionwidget = $('.ui-content-gutter').discussionwidget({
            containerClass: ".ui-content-gutter"
        });
    })
}(jQuery));

---

@FelixKling。非常感谢，第二行中的错误就是其中一个。这是一个代码片段，导致了这么多语法错误。但现在它在同一行上给出了“has no method”appendTo错误。有没有猜测？？？@user2614405对_create函数做了一个小的更改请参见update@user2614405

widgetStructure

是一个字符串，它不是让

appendTo

method…你应该创建一个jQuery包装器。你能帮我解决这个问题吗？在同一个小部件中，我调用了一个方法加载，但没有调用getitng。

// Load discussion history fist time
jQuery(function ($) {
    GetCurrentUserDetails('arti.agarwa');
    Discussionwidget = $('.ui-content-gutter').discussionwidget({
        containerClass: ".ui-content-gutter"
    });
})