2010-12-26 15 views
0

DIV w/JQueryの内部にページをロードするコードを探しています。ページをDIVにロード

基本的に、私はDIV

<div id="results">Content for id "results" Goes Here</div> 

displaycatch.phpをロードしたいページのロードが続いて、私はそのDIVコンテンツ内の別のページをロードするボタンを作成したいとき。

何か助けていただければ幸いです。

ありがとうございます!

+3

http://api.jquery.com/load/ –

答えて

2

ボタンからの非常に簡単なajax呼び出しです。成功すると、応答は、ページがロードされるときにクリックで別のページをロードする、それの後にボタンを挿入し、#resultsにdisplaycatch.phpロードされますあなたのDIV

+0

私が動作するようにこのコードを手に入れたが、それは私の他のjQueryコード(ショー/ DIVを隠した) – user547794

+0

これはもはや を切り替えコードであるO一部を壊しましたjQuery( '#login'); toggle( 'show'); }){jQuery( '#login')} ; }); – user547794

+0

これでこれを変更してください。 。。 \t}); $(ドキュメント).ready(関数(){ \t $( '#のloginhide')は(関数(){ \t \t $( '#ログイン')トグル( 'ショー')をクリックしてください。 \t $( "#ボタン"()関数(){ \t \t $アヤックス({ \t \t \tタイプクリックします。 "POST"、 \t \t \t URL: "some.php"、 \t \t \tをデータ: "foo = bar&fooo = baz"、 \t \t \t成功:関数(msg){ \t \t \t $( "#results").html(msg); \t \t \t} \t \t}); \t}); }); – miqbal

2
$(document).ready(function(){ 
    $('#results') 
    .load('displaycatch.php') 
    .after($('<button/>',{text:'Load another','type':'button'}).click(function(){ 
     $('#results').load('displayanother.php') 
    })); 
); 

に入れています。また、既にボタンがある場合や、動的に作成したい場合は、不明です。

+0

うーん..私はこのコードを動作させるのに苦労している。私はjquery-1.4.2.min.jsを使用しています。私は私の既存のボタンを削除して、DIV 'results'にdisplaycatch.phpをロードしようとしました。まだ何も。 – user547794

+0

パスに問題がある可能性があります。そしてPekkaのリンクを必ず読んでください。 –

+0

Pekkaのリンクを介して読んだのですが、#resultsにロードする最も簡単な例を得ることさえできません。 $( '#result')load( 'ajax/test。html '); 私は何が間違っている可能性がありますか? – user547794

関連する問題