javascript - 放置 JavaScript/jQuery 绑定(bind)代码的最佳实践

Question

我想知道放置 JavaScript/jQuery“绑定(bind)到事件”代码的最佳实践是什么。

如果您有 html input button并且您想要在其上绑定(bind) jQuery 事件，是否最好调用已加载的 JavaScript 文件中的方法来绑定(bind)表单的事件。类似 MyFormManagement.BindEvents()或者输入 <script>标签为

$(function(){ //Document ready.
  $("input.myButton").click(function(){
    //some code...
  });
});

你认为哪一个最符合逻辑？或者您有其他方法可以建议吗？

Answer 1

我决定创建一个 JavaScript 文件，其中包含一个对象 Page，其中包含我所有页面的名称。

在我的每一页中，我都放置了一些代码，例如:

$(function(){
    Page.TheNameOfMyPage.Init(); // The init method will bind all my events
});

因此，即使我的 html 页面中有一些 JavaScript 代码，它仍然集中在一个地方，并且很容易调用。