Ajax загружает несколько Div (WordPress)

Question

Я использую ajax-скрипт для загрузки контента с других страниц без перезагрузки браузера.

Пока я извлекаю содержимое #inside div, но я использую полноэкранное слайд-шоу (#full), которое также необходимо загрузить.

Может быть, этоможет быть достигнуто путем загрузки содержимого #full div также, но я не знаю, как я мог это сделать.

Это мой код:

 // Self-Executing Anonymous Function to avoid more globals
  (function() {

// Home link isn't dynamic, so default set class name to it to match how dynamic classes    work in WordPress
$(".home li.home").removeClass("home").addClass("current_page_item");

// Add spinner via JS, cuz would never need it otherweise
$("body").append("<img src='http://themeclubhouse.digwp.com/images/ajax-loader.gif' id='ajax-loader' />");

var 
$mainContent     = $("#wrapper"),
$ajaxSpinner     = $("#ajax-loader"),
$searchInput     = $("#s"),
$allLinks        = $("a"),
$el;

// Auto-clear search field
$searchInput.focus(function() {
if ($(this).val() == "Search...") {
    $(this).val("");
}
});

$('a:urlInternal').live('click', function(e) { 

// Caching
$el = $(this);

if ((!$el.hasClass("comment-reply-link")) && ($el.attr("id") != 'cancel-comment-reply-link')) {         
    var path = $(this).attr('href').replace(base, '');
    $.address.value(path);
    $(".current_page_item").removeClass("current_page_item");
    $allLinks.removeClass("current_link");
    $el.addClass("current_link").parent().addClass("current_page_item");
    return false;
}

// Default action (go to link) prevented for comment-related links (which use onclick attributes)
e.preventDefault();

});  

 // Fancy ALL AJAX Stuff
$.address.change(function(event) {  
if (event.value) {
    $ajaxSpinner.fadeIn();
    $mainContent
        .empty()
        .load(base + event.value + ' #content', function() {
            $ajaxSpinner.fadeOut();
            $mainContent.fadeIn();
        });  
} 

var current = location.protocol + '//' + location.hostname + location.pathname;
if (base + '/' != current) {
    var diff = current.replace(base, '');
    location = base + '/#' + diff;
}
  }); 

})(); // End SEAF

Answer 1

попробуйте повторить процедуру:

// Fancy ALL AJAX Stuff
$.address.change(function(event) {  
if (event.value) {
    //load ajax image
    $ajaxSpinner.fadeIn();

    $mainContent.empty().load(base + event.value + ' #content', function() {
    $ajaxSpinner.fadeOut();
    $mainContent.fadeIn();
    });

    // repeat here

    //load another div
    $mainContent.empty().load(base + event.value + ' #mydiv1', function() {
    $mainContent
    });

    //load another div
    $mainContent.empty().load(base + event.value + ' #mydiv2', function() {
    $mainContent
  });
}

дай мне знать, если это работает, Чао! :)