jquery - jQuery SyntaxError：函数语句需要名称

Question

jQuery 新手，我想创建一个外部 js 文件，当单击按钮时，它会显示一条警报消息。

这是我尝试过的：

(function($){
    events: function(){
        $('#myModal').bind('click', function(e){
            alert("test");
        });
    }
})(jQuery,window,document);

我收到一个错误：

SyntaxError：函数语句需要名称

我做错了什么，这是正确的方法吗？

Answer 1

我不完全确定你的目标是什么，但你得到的是一个没有标识符的带标签的函数声明（因此出现语法错误）。

如果你需要做的只是绑定一个事件处理程序，那你为什么需要那个函数呢？这是你的目标吗？

(function($){
    $('#myModal').bind('click', function(e){
        alert("test");
    });
})(jQuery,window,document);

或者，您可能打算events成为对象的键：

(function($){
    var someObj = {
        events: function () {
            $('#myModal').bind('click', function(e){
                alert("test");
            });
        }
    };
})(jQuery,window,document);

但是，如果不知道您真正想要实现什么，就很难说清楚。

Answer 2

您可以events在对象中创建一个键：

(function($){
    var o = {
        events: function(){
            $('#myModal').bind('click', function(e){
                alert("test");
            });
        }
    };
})(jQuery,window,document);

或命名函数：

(function($){
    function events() {
        $('#myModal').bind('click', function(e){
            alert("test");
        });
    }
})(jQuery,window,document);

或者完全摆脱这些function东西：

(function($){
    $('#myModal').bind('click', function(e){
        alert("test");
    });
})(jQuery,window,document);

不知道events:是为了什么，很难说。

Answer 3

您可以按如下方式绑定事件

  (function($){
    $('#myModal').bind('click', function(e){
        alert("test");
    });
})(jQuery,window,document);

or

$('#myModal').click( function(e){
        alert("test");
    });