2009-08-29 26 views
2

後、私は次のようなHTMLがあります。、指定された要素

<div id="mydiv"> 
</div> 

を私はそれが私のDIV後に表示されるようにjQueryを使用してコンテンツをロードしたいと思います。

私はこれを試してみた:

$("#mydiv").load("/path/to/content.html"); 

はしかし、これはこの結果に終わる:

<div id="mydiv"> 
<p>content from file</p> 
</div> 

は、どのように私はこの結果を得るのですか?

後(コンテンツ)機能付き
<div id="mydiv"> 
</div> 
<p>content from file<p> 

答えて

5

after機能を使用してください。

6

まだ解決策を探している方は、​​の代わりにjQuery.get()を使用してAJAXコンテンツを読み込むことをおすすめします。次に、.after()関数を使用して、前の要素を指定します。

$.get('url.html', function(data){ // Loads content into the 'data' variable. 
    $('#mydiv').after(data); // Injects 'data' after the #mydiv element. 
    }); 
1

私は面白いのではなく、ハードと方法を理解することが、関数を使用して.LOADため難しいものがあります。

は、ここでの例です。コード:

$('#div_after').remove(); 
$('#mydiv').after($('<div>').load('/path/to/content.html #div_after', { 
    data: data, //variables to send. Useless in your case 
}, function() { 
    $(this).children().unwrap();} 
)); 

このコードを複数回使用すると、以前に作成されたdivを削除するために.remove()メソッドを追加します。最初の行が1回だけ使用される場合は削除することができます。 アイデアは.after($「」)である私たちのNONAME divのにアンラップします論理的であるコールバック関数

$(this).children().unwrap(); 

でそれに)#mydivと.LOAD(後のページにHTMLをNONAMEのdiv要素を作成しますhtmlを読み込んで#div_afterに "名前を変更"します。また、noname divだけを使用したい場合は不要です。

乾杯!

P.S.私はこのプロジェクトを一緒に組み合わせるプロジェクトに時間がかかりました:)私はそれが役に立つと思っています。

関連する問題