2012-03-01 3 views
1

iam noob @ jquery、と私は指定された要素の前に、場所にphpによって生成されたdivを読み込む必要があります。どうやってやるの?例えば :Jquery:前にロードして

<div id="second"></div> 

編集:私は "負荷" をマージしなければならないと "insertafterは" 何とか

TY

コマンド

<div id="something_big"> 
    <div id="first"></div> 
    <div id="third"></div> 
</div> 

後は、第1および第3のdivの間、外から来ています

+0

あなたがここにコードを投稿し、何を試してみました。 –

+0

最終出力はどのように見えますか? – Rafay

答えて

0

別のコンテナの背後にあるコンテナを移動するには、I insertAfter()機能を使用します。 最初の要素は移動される要素です。 2番目の要素は、上にある要素です。あなたが何かをロードしたい

$(function(){ 
    $("#second").insertAfter("#first"); 
}); 

See example @ jsfiddle

。例えば。あなたが別のファイルに配置された容器をロードする場合:

$(function(){ 

    var loadedDiv = $("#randomDiv").load('ajax/test.html #container'); 
    $(loadedDiv).insertAfter("#intro"); 

}); 

jQuery documentation for this functionを訪問し、負荷の機能についてより多くの例を参照してください。

+0

jQuery( "section#content> article> header> div#intro")。insertAfter(jQuery.load(myUrl)); そういったことは可能ですか? –

+0

'.load'コールバックの中で' insertAfter() 'をしてはいけませんか?さもなければ、 'loadedDiv'はロードされた内容をまだ含んでいないかもしれません。 – jbyrd

0

このコードをチェックアウトする:http://jsfiddle.net/b8mzs/1/

あなたはただ、私が「最初」idを持つdivの後、jQueryの(別のdivである)文字列を追加する必要があることをspecifingてるのdiv、後に指定された要素。これにより

jQuery(function() { 
    jQuery.noConflict(); 
    jQuery("#first").after('<div id="second">2</div>'); 
}); 

を追加する必要があります。

noConflict()関数はjQueryので書くのちょうど私の習慣です、あなたは$の代わりにそれを同様に署名を使用することができます()(jQuery.noConflictを取り外してから)

1

は、この方法を試してください。レコードの

$(document).ready(function() { 
    $('#second').insertAfter('#first'); 
}); 
0

、きれいな何か

$.get("your.php", function(data) { 
    $(data.trim()).insertBefore('#third'); 
}); 
関連する問題