0

我尝试使用 jQuery 和 Ajax 加载另一个文件中的 div。我可以加载孔文件，我可以在该文件中加载一个带有文本的 div，但我不能单独加载一个简单的 div。为什么？

索引.html：

$(function(){
   $("#linkajax").click(function(e){
      e.preventDefault();
      $("#target").load("extern.html #red");   
   });
})

这有效：

$("#target").load("extern.html");
$("#target").load("extern.html #text1");

这不起作用：

$("#target").load("extern.html #red");

外部.html：

<div id="text1"> text </div>
<div id="red"> </div>

#text1 {
    position: absolute;
    top:200px; left:200px;
}

#red {
    position: absolute;
    top:50px; left:50px;
    width:100px; height:100px;
    background:red;
}

这是 extern.html：http: //jsfiddle.net/RWLeB/

4

2 回答 2

0

红色的 div 里面应该有一些内容。然而，CSS 应该放在 index.html 文件中。无法应用来自外部文件的 CSS，因为您只加载了外部页面的一部分 (#red)。

于 2013-06-27T09:14:42.283 回答
0

如果下面的代码有效..

$("#target").load("extern.html #text1");

那么#red也应该工作

$("#target").load("extern.html #red");

这会在你的目标中加载 div，因为你没有任何数据，你看不到任何东西

#red css 中的小改动并检查

#red {
    position: absolute;
    top:50px; left:50px;
    width:100px; height:100px;
    background-color:red;
}

希望能帮助到你..

于 2013-06-27T09:51:39.737 回答