gpt4 book ai didi

jQuery 使用一个 .js 文件实现不同页面的不同操作

转载 作者:行者123 更新时间:2023-12-01 06:42:47 24 4
gpt4 key购买 nike

我的包含不同站点的网页应该只加载一个 .js 文件以进行缓存优化。当文件加载时,问题就出现了。它将每个页面上的监听器应用于表单元素(例如),因此,只有最后一个页面的表单按其应有的方式运行,其他页面不会导致其操作被覆盖。

所以我的问题是,我该如何说该脚本应该仅适用于该网站的重要听众。

我正在使用 jQuery 框架。

最佳答案

您针对浏览器进行优化的尝试与您不同的逐页行为相冲突。我不会将所有内容都塞进一个 js 文件中。考虑可维护性、模块化。

您可以将通用/共享代码放入一个 js 文件中,并将其包含在所有页面中。浏览器仍然会缓存所有内容,如果只是为了检查自上次获取以来是否被修改,它只需要发出额外的请求。但至少你的理智仍然受到控制。

但无论如何,这就是答案:

第 1 页:

<body id="page1">...</body>

第 2 页:

<body id="page2">...</body>

等等。现在,当您将行为附加到页面 1 时,在 monster.js 中:

$(document).ready(function() {
if(this.body.id != 'page1')
return;

// proceed as before
})

与将行为附加到第 2 页元素的部分相同:

$(document).ready(function() {
if(this.body.id != 'page2')
return;

// proceed as before
})

等等

关于jQuery 使用一个 .js 文件实现不同页面的不同操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/523641/

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