javascript - 我的 jquery 代码不起作用。为什么？

Question

这是我的 jquery 代码，它不起作用。我真的不知道为什么。请帮助并告诉我如何解决它。

$(function () {
    var panel = function () {
            var init = function () {
                console.log('hello');
            };

        return {
            init: init
        }
    };

    $('.nav li a').on('click', function (e) {
        panel.init();
    });

})();

我在控制台中收到此错误

Object function () {
    var panel = function () {
        var init = function () {
            console.log('hello');
        }
    };

    return {
        init: init
    }
} has no method 'init' 

Answer 1

也许你应该看看如何在 Javascript 中定义类:

http://www.phpied.com/3-ways-to-define-a-javascript-class/

var panel = {
    init: function () {
        alert("Hello!");
    }
}

panel.init();

<小时/>

$('.nav li a').on('click', function (e) {
    panel.init();
    e.preventDefault();
});