如何在页面加载后加载特定DIV中的内容?

时间:2011-01-17 00:13:07

标签: php jquery ajax

我想知道如何在父页面加载后将另一个PHP页面加载到DIV容器中。我需要设计facebook / twitter分享链接,这些链接会向人们展示我的页面,其中某些内容已加载到DIV中。

我有一个单击链接的功能,但是我需要它来处理页面加载而不是单击(#results是我需要加载到内容的DIV的ID):

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

4 个答案:

答案 0 :(得分:2)

您可以在文档中使用jQuery的.ready()事件:

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

一旦DOM准备就绪,这将立即运行。

如果您需要在加载所有(包括图片)之后运行javascript,而不是使用.load()事件:

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

答案 1 :(得分: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');
    });

答案 2 :(得分:0)

您是否尝试过在click事件之外使用$ .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);
        }
       }); 
});

答案 3 :(得分:0)

$(function(){ //jQuery dom ready event

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

});