Как загрузить контент в определенном DIV после загрузки страницы?

Question

Мне интересно, как бы я загружал другую страницу PHP в контейнер DIV после загрузки родительской страницы.Мне нужно создать ссылки для публикации в Facebook / Twitter, которые будут показывать людям мою страницу с определенным контентом, загруженным в DIV.

У меня есть функция, работающая для перехода по ссылкам, но мне нужно, чтобы она работала при загрузке страницы, а не по щелчку (#results - это идентификатор DIV, в который мне нужно загрузить контент):

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

Answer 1

Вы можете использовать событие jQuery .ready () в документе:

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

Это запустится, как только DOM будет готов.

Если вам нужен ваш JavaScript для запуска после загружено все (включая изображения), а вместо него используется событие .load ():

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

Answer 2

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

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

});

Answer 3

Вы пытались просто использовать $ .ajax () вне события click?

Вместо -

$(".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);
        }
       }); 
});

Answer 4

Я бы предложил сохранить ваш оригинальный обработчик кликов и вызвать его с помощью:

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

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