我创建了一个页面,我使用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"); });
动态创建内容的常见问题。
你可能有忘记包含$ 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事件
一个简单优雅的解决方案是创建一个处理所有事件的函数:
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
以上就是jQuery教程分享如何使用javascript加载function两次? (负载加载)相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/532407.html