2011-01-17 10 views
0

親ページが読み込まれた後、別のPHPページをDIVコンテナに読み込む方法が不思議です。私はfacebook/twitterの共有リンクをデザインする必要があります。これはDIVにロードされた特定のコンテンツを人のページに表示します。ページが読み込まれた後、特定のDIVでコンテンツを読み込むにはどうすればよいですか?

私はリンクをクリックするために働く機能を持っていますが、私はそれがページのロードに取り組むのではなくクリックする必要があります(#resultsは、私はコンテンツがにロードされた必要DIVのIDです):

$(".Display a").click(function() { 
    $.ajax({ 
    url: $(this).attr("href"), 
    success: function(msg){ 
    $("#results").html(msg); 
    } 
}); 
return false; 
}); 

答えて

2

することができますドキュメント上でjQueryの.ready()イベントを使用してください:

$(document).ready(function() { 
    // Whatever you want to run 
}); 

これは、DOMの準備ができたらすぐに実行されます。

あなたはすべて後に実行するためにあなたのjavascriptが必要な場合は、代わりに.LOAD()イベントを使用するよりも(画像を含む)ロードされます。

$(window).load(function() { 
    // Whatever you want to run 
}); 
0

私はあなたのオリジナルのクリックハンドラを保つことをお勧めしたい、と

$(".Display a").click(function() { 
    $.ajax({ 
    url: $(this).attr("href"), 
    success: function(msg){ 
    $("#results").html(msg); 
    } 
}); 
return false; 
}); 

$(document).ready(
    function(){ 
     $('.Display a').trigger('click'); 
    }); 
0

クリックイベントの外で$ .ajax()を使ってみましたか?

の代わりに -

$(".Display a").click(function() { 
    $.ajax({ 
     url: $(this).attr("href"), 
     success: function(msg){ 
     $("#results").html(msg); 
     } 
    }); 
    return false; 
}); 

これを試してみてください -

$(document).ready(function() { 
     $.ajax({ 
     url: $(this).attr("href"), 
     success: function(msg){ 
       $("#results").html(msg); 
     } 
     }); 
}); 
0
$(function(){ //jQuery dom ready event 

    $(".Display a").click(function() { 
     ///you code 
    }).click(); //trigger it at the page load 

});