0

我正在使用 jQuery 加载函数将外部页面（在我的域中相同）加载到 div 中。两个页面也将具有单独的角色，即子页面有自己的功能（作为单独的页面工作），它也将加载到 div 中。页面结构为

第 1 页（父）

<html>
<head>
<script>JQUERY HERE</script>
</head>
<body>
<div id="to_load_second_page"></div>
</body>
</html>

第二页

<html>
<head>
<script>JQUERY HERE</script>
</head>
<body>
<div id="contents"></div>
</body>
</html>

单独两个页面都工作正常。但是一旦在第一页的 div 中加载第二页后，第一页的 jQuery 函数就不起作用了。

我认为当子页面再次加载到第二页时，jQuery.js 会被添加到父页面中。但是我们不能避免加载这个 jquery.js，因为子页面也需要单独运行，因为需要 jquery.js。

请帮助如何解决这个问题

感谢您的时间 ：）

4

1 回答 1

0

当使用 jQuery.load()将内容附加到现有元素时，您不想获取整个 HTML 文档，而只想获取要注入现有页面的新标记。但是请注意，jQuery 将确保<script>获取的 HTML 片段中的标签在全局上下文中执行（“第 1 页”的上下文中，您已经有 jQuery 可用！）因此您可以像这样组织第 2 页的内容：

<div id="contents"><!-- Contents here --></div>
<script>
    /* JS you want to execute - but don't include jQuery.js here - 
       it's already available and including it again will overwrite the
       existing object, making any plugins originally included unavailable!
     */
</script>
于 2012-06-26T09:58:36.137 回答