Question

我有以下问题：

我有第一个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'选项'

中

并在第二个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'容器'中加载页面'options.html'的“任意页面”链接。

我该怎么做？

Answer 1

你只需要这样做： -

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

from jquery docs:-

使用不带后缀选择器的URL调用.load（）时表达式，内容在脚本出现之前传递给.html（）除去。这将在丢弃之前执行脚本块。如果使用附加到URL的选择器表达式调用.load（），但是，在更新DOM之前，脚本会被删除，因而没有被执行。

Jquery加载到DIV中

1 个答案: