jquery - 在元素加载时加载jQuery函数

我在应用程序的每一页上都有一些jQuery代码。我想将它们压缩并放在一个文件中。是否可以仅在特定的div负载下加载jQuery？
我尝试使用以下jQuery代码在body（ID = addProject）中添加DIV ID：

$("#addProject").ready(function() {
alert("test");
});

$("#addProject").pageload(function() {
alert("test");
});

 $("#addProject").on('pageload',function() {
alert("test");
});

最佳答案

您可以等待文档准备就绪，然后搜索每个元素。

$(function() {
   if ($("#addProject").length > 0) {
      // execute some code for addProject
   }

   if ($("#deleteProject").length > 0) {
      // execute some code for deleteProject
   }
});

但是应该注意的是，如果您只是试图将动作绑定到这些div中的元素（例如.on("click")事件），那么即使这些元素不存在，也可以继续尝试绑定这些元素。它不会抛出任何错误。根据文档的大小，它只会导致次要的性能下降。