为什么我的类在运行时未定义。 Javascript模块模式

时间:2014-12-11 14:15:16

标签: javascript jquery model-view-controller module-pattern

当我运行我的应用程序时,我得到:"未捕获的TypeError:无法读取属性' init'未定义" 文档reasdy函数中的警报运行,所以我知道jQuery在那时被加载。但我不知道为什么任务未定义。

这是在MVC5应用程序中,并运行jQuery 1.10.2

请帮助,jsFiddle工作正常,JsHint没有显示任何错误。

    var Task = (function () {

    var initialize = function () {
        console.log($);
        bindEvents();
    };
    var postFilter = function () {
        console.log("clicked");
        var postData = {
            UserID: $('#user_select').val,
            TaskTypeID: $('#taskTypeSelect').val,
            TaskStatusID: $('#status_select').val,
            PriorityID: $('#priority_select').val
        };

        $.ajax({
            url: "/Tasks/_AllTaskView",
            data: postData,
            success: function (response) {
                $('#results').html(response);
            }

        });
    };

    var bindEvents = function () {
        $('#submit_filter').on('click', postFilter);
    };

    return
    {
        init : initialize

    };

})();

$(document).ready(function () {
    alert()
    Task.init();
});

2 个答案:

答案 0 :(得分:6)

return的大括号放在与return相同的行上。

而不是:

return
{
    init : initialize

};

这样做:

return {
    init : initialize
};

JavaScript具有自动分号插入功能,它会在返回大括号之前自动结束return语句。

答案 1 :(得分:0)

这里试试这个:

return{ init : function(){
                 initialize();
               }
      }