0

別のファイルにある div を jQuery と Ajax で読み込もうとしています。穴ファイルをロードできます。そのファイル内のテキストを含む div をロードできますが、単純な div だけをロードすることはできません。なんで？

index.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");

extern.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

以下のコードが機能する場合..

$("#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 に答える