0

我有以下问题：

我在第一个 HTML 中：
（index.html）

<html>  
<head>
  <script type="text/javascript">  
     $(document).ready(function () {
       $("#options").load('options.html');
     });
  </script>  
</head>
<body>
  <div id="options"></div>
  <div id="containers"></div>
</body>
</html>

我将第二页（options.html）加载到 div 'options'

并在第二个 HTML 中：
（options.html） 

<html>
<head>
   <script type="text/javascript">
     $(document).ready(function () {
       $("#options").load('options.html');
     });
   </script>
<body>
<div id="options">
    <a href="anypage.html">any page</a>
</div>
</body>
</html>

正在工作中！但我想在页面'index.html'的div'containers'中加载页面'options.html'的链接“任何页面”。

我怎么做？

4

1 回答 1

1

你只需要做：-

 $("#containers").load('options.html #options');

来自 jquery 文档：-

当使用没有后缀选择器表达式的 URL 调用 .load() 时，内容会在脚本被删除之前传递给 .html()。这会在脚本块被丢弃之前执行它们。但是，如果调用 .load() 时将选择器表达式附加到 URL，则脚本会在 DOM 更新之前被剥离，因此不会执行。

于 2013-06-10T13:28:03.393 回答