如何使用javascript加载function两次？ （负载加载）

我创建了一个页面，我使用onclick加载函数将php文件加载到div中。 现在我想从我之前导入的文件中将另一个文件加载到另一个div中。

例如：
[类别1 | 第2类| 第3类| 第4类]
[这里得到的文件1是从一个按下的类别中导入的，其中包含一个href] [这是第二个div，它将从href导入另一个文件，该文件是从第一个导入的文件中单击的]

不知何故，我不能让它为第二次导入工作。 首先import工程。 我使用第一次导入的相同代码进行第二次导入（只是其他id（＃））。

要导入的第一个文件的一部分：

Campaign
 
Resources
 
Gang
 
Gambling
 
Off-Topic
  $(document).ready(function () { // Forum categories $("#campaign").on("click", function () { $("#main").load("forum/campaign.php"); }); $("#resources").on("click", function () { $("#main").load("forum/resources.php"); }); $("#gang").on("click", function () { $("#main").load("forum/gang.php"); }); $("#gambling").on("click", function () { $("#main").load("forum/gambling.php"); }); $("#off-topic").on("click", function () { $("#main").load("forum/off-topic.php"); }); });  

要导入的第二个文件的一部分：

  |    $(document).ready(function () { // Forum categories $("#message").on("click", function () { $("#getmessage").load("forum/getmessage.php"); });  

Answer 1

动态创建内容的常见问题。

你可能有忘记包含$ document.ready（func …在某些时候你的代码不起作用的问题？这个问题基本上是同一个问题。当你运行代码时没有调用’ready’这个id您的脚本调用不在页面上，因此找不到它。当您动态创建新元素时，当您的脚本首次运行时它不在页面上，因此它无法“看到”它。

简单的解决方法是在页面准备就绪时选择页面上确实存在的元素，然后在里面查看。 假设#main最初是在你的文件中加载的，而#message是你想要在加载后点击的一些动态内容，这应该可以解决问题。

 $(document).ready(function () { // Forum categories $("#main").on("click", "#message", function () { $("#getmessage").load("forum/getmessage.php"); }); }); 

您还可以使用任何其他更高级别的元素，例如“文档”或“正文”等。但是页面jquery必须查看运行速度更快的内容。 有许多其他堆栈溢出问题可以解决这个问题。 以下是Google搜索结果中的两个：

Jquery事件处理程序不处理动态内容

关于动态加载内容的jquery事件

Answer 2

一个简单优雅的解决方案是创建一个处理所有事件的函数：

 var myFunc = function () { $("#campaign").on("click", function () { $ ("#main").load("forum/campaign.php"); }); $("#resources").on("click", function () { $. ("#main").load("forum/resources.php"); }); $("#gang").on("click", function () { $("#main").load("forum/gang.php"); }); $("#gambling").on("click", function () { $("#main").load("forum/gambling.php"); }); $("#off-topic").on("click", function () { $("#main").load("forum/off-topic.php"); }); } 

然后从$(document).ready你可以调用myFunc

从$("message").on你可以再次调用myFunc