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 
    }); 
} 

가 작동하는 경우 나, 챠오을 알려주세요! :)