これは非常に簡単だと思いますが、わかりません。
次の AJAX スクリプトを使用して、外部ページの特定の div からルート ページの同じ名前の div にコンテンツを読み込みます。
$(function() {
var newHash = "",
$mainContent = $("#main-content"),
$pageWrap = $("#page-wrap"),
$el;
$(document).delegate(".dyn a", "click", function() {
window.location.hash = $(this).attr("href");
return false;
});
$(window).bind('hashchange', function(){
newHash = window.location.hash.substring(1);
if (newHash) {
$mainContent
.find("#guts")
.fadeOut(200, function() {
$mainContent.hide().load(newHash + " #guts", function() {
$mainContent.fadeIn(200, function() {
$pageWrap.animate({
});
});
$(".dyn a").removeClass("current");
$(".dyn a[href="+newHash+"]").addClass("current");
});
});
};
});
$(window).trigger('hashchange');
});
ルートページのタイトルをロード中のページのタイトルに変更するのを手伝ってくれませんか?
私は使用してみました:
var newTitle = $(responseHtml).filter('title').text();
document.title = newTitle;
この投稿で言及されているように、ほとんど機能しましたが、ajax が正しく機能しなくなりました。これを正しい場所に配置しているかどうかはわかりません。
前もって感謝します!