我正在使用 jquery 加载功能来切换一个 div。每当我通过需要运行 javascript 的 ajax 加载某个元素时,它就无法在 div 中工作。我知道这是因为在初始页面加载时 dom 中不存在该元素。
我已经用谷歌搜索了几天,但没有找到可以给我一个易于理解的解释的答案。本质上,我被告知只使用.on
or $getScript
。
但是,这似乎不是合适的答案。因为,在 div 中加载的每个元素都具有相似的属性——我只是想加载 jquery 库,以及我的索引页面的 head 部分中相同的两个外部脚本——然后确保这些脚本保持“活动”或附加到简单的通过 ajax 从外部加载到 div 中的 html 内容。
因此,例如,如果page 1
有一个名为 bouncingcats 的 div 和page 2
一个名为 bouncingdogs 的 div -两者都需要一个名为“bounce”的外部 javascript -我想在我的索引页面的 head 部分加载 javascript 文件“bounce”一次- 然后在我的索引页面上用猫或狗动态交换名为 bouncinganimals 的 div。
到目前为止,似乎我得到的唯一建议是将 jquery 库和bounce.js
文件page 1
放在page 2
. 这当然有效 - 但它似乎太多余了,当然会减慢 ajax 负载。
你知道我可以在我的索引页面头中加载 jquery 库和外部 javascript 页面一次,并在我通过 ajax 将内容加载到我的 div 时让它们运行的方法吗?
我遇到的一个问题是我自己没有编写脚本bounce.js
- 而且它已经被最小化了 - 所以更改脚本可能会非常困难。有什么我可以自己包裹外部javascript链接的东西吗?