2011-11-10 25 views
2

ブラウザをリロードせずに、他のページからコンテンツを読み込むためにajaxスクリプトを使用しています。Ajax複数のdivを読み込む(WordPress)

今のところ#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 

答えて

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

は、それが動作するかどうか、私は、チャオを教えて! :)

+0

こんにちはFerik、あなたの答えをありがとう。私はそれが本当に手順を繰り返すことができました。ありがとう! –

関連する問題