gpt4 book ai didi

javascript - 如何让所有 Javascript 处理使用 JQuery .load() 加载的 html 部分

转载 作者:行者123 更新时间:2023-11-28 04:59:04 24 4
gpt4 key购买 nike

我有一个index.html页,然后是其他 2 页 .html加载到 index.html 内各自 div 的文件使用 JQuery .load() 函数。

每个文件中的内容都使用来自不同源文件的不同脚本。我将它们全部包含在 index.html 中但是两个不同 .html 文件的部分中的 Javascript 不起作用。

如果我添加所有 <script src>给另外两个.html文件;该页面运行速度非常慢,即使如此,这些部分的 JavaScript 也无法正常工作。

所以我的问题是是否有一种方法可以让所有脚本和源文件在任何地方都可以工作。

如果这些脚本只是被插入到 index.html 中,为什么它们不能用于这些加载的部分呢?和index.html包含所有脚本 src 吗?

谢谢

最佳答案

我正在尝试重现您的问题。如下

index.html-> 在各自的 div 中加载两个 id 为 id(1,2) 的 html 文件

<!DOCTYPE html>
<html>

<head>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>

<body>
<h1>Hello Plunker!</h1>
<div id="1"></div>
<div id="2"></div>

<script>
$('#1').load("load1.html"); //load html
$('#2').load("load2.html"); //load html
</script>
</body>

</html>

加载1.html

<button onclick="function11()">Load11(function 1)</button>
<button onclick="function12()">Load12(function 2)</button>

<script src="script1.js"></script>
<script src="script2.js"></script>

这包含两个具有各自功能的外部脚本

load2.html

<button onclick="function21()">Load21(function 1)</button>
<button onclick="function22()">Load22(function 2)</button>

<script src="script3.js"></script>
<script src="script4.js"></script>

与上面相同

index.html页面中加载了两个外部文件(load1.html,load2.html)。这两个文件包含在其外部脚本文件中定义了单击功能的按钮。所有内容都加载到 index.html 中,并且每次点击都正确执行。

Plunker link用于预览

关于javascript - 如何让所有 Javascript 处理使用 JQuery .load() 加载的 html 部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42312341/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com