0

我有从另一个站点获取数据的 jquery：

获取.php

<div>
displays a list of things
</div>

主页.php

$.ajax({
    type:"GET",
    url:"get.php",
    data:"fakedata=fakedata"
}).done(function(data){
    $(".container").html(data);
});

因此它会显示类容器内的 get.php 中的任何内容。

但是，如果我想在 get.php 中添加一些内容

<div>
<div style="position:absolute;top:0;left:-50;">
a box
</div>
displays a list of things
</div>

如果我试图在容器左侧显示一个框，那么它将被切断，就好像它是一个 iframe 一样。即使我将 z-index 添加到它也不起作用。

有人知道我在说什么吗？

谢谢

4

2 回答 2

0

你可以做：

$.ajax({
    type:"GET",
    url:"get.php",
    data:"fakedata=fakedata"
}).done(function(data){
    $(".container").html(data);
    $(".container").append("<div><div style='position:absolute;top:0;left:-50;'>a box</div>displays a list of things</div>");
});

这将在数​​据之后将您的 div 附加到您的容器中

你也可以让它变得丑陋：

$(".container").html(data+"<div><div style='position:absolute;top:0;left:-50;'>a box</div>displays a list of things</div>");

希望它是你要找的。查看 jquery 的 html()、append() 和 text()；

**注意字符串双引号内样式的单引号。如果您确实需要在字符串中使用双引号，则需要将它们转义为

var str= "<a onclick=\"alert('foo');\">click me</a>"`;
于 2012-10-27T05:54:15.350 回答
0

我需要查看整个 html，但这可能会有所帮助：

<div>
    <div style="margin-left:-50px;">
       a box
    </div>
    displays a list of things
</div>
于 2012-10-27T06:02:43.063 回答