0

別のサイトからデータを取得する jquery があります。

get.php

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

home.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 に答える