gpt4 book ai didi

javascript - Jquery 文档准备好动态加载的 HTML 会提前触发

转载 作者:行者123 更新时间:2023-12-02 17:15:10 24 4
gpt4 key购买 nike

我正在加载动态内容,如下所示:

$('#my-div').load('my.html');

my.html 里面有这样的代码

<html>
<head>
</head>
<body>
<script>
$(function(){
alert('should fire later');});
</script>
</body>
<script>
alert('should fire first!');
</script>
</html>

最初 my.html 是在 iframe 中加载的,一切都很好。

但是,为了重构和现代化代码,它被更改为使用 ajax 加载。但是,现在执行顺序相反,因为从技术上讲,就绪事件已经在父页面上触发。

这样做的问题是存在依赖关系,要求事件以正确的顺序触发。我也犹豫是否将脚本 block 移到更高的位置,因为这段代码被过度重用,我不知道还会破坏什么。尽管在冒烟测试中,将脚本 block 向上移动可以在我正在处理的一页上进行。

是否有一个使用 jquery ajax 加载并保持脚本执行最初预期顺序的方法?

最佳答案

试试这个:

<html>
<head>
</head>
<body>
<script>
function later () {
alert('should fire later');
}
</script>
</body>
<script>
alert('should fire first!');
later();
</script>
</html>

关于javascript - Jquery 文档准备好动态加载的 HTML 会提前触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24495797/

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