Я пытаюсь, чтобы мои внутренние ссылки WordPress появлялись в div контента вместо обычной перезагрузки страницы. Фейд-ин работает / работает правильно, но содержимое div не меняется. Firebug не показывает ошибок, и все внутренние ссылки теперь только добавляют «# /» к ссылке на страницу. Как мне убедиться, что ссылка правильно добавляется обратно с помощью jquery?
Заранее спасибо,
P.S. Я следую видео "css-tricks: ajaxing a wordpress theme", если это поможет,
$(function() {
$(".home li.home").removeClass("home").addClass("current_page_item");
var $mainContent = $("#content"),
URL = '',
siteURL = "http://" + top.location.host.toString(),
$internalLinks = $("a[href^='"+siteURL+"']"),
hash = window.location.hash,
$el, $allLinks = $("a");
if (hash) {
$mainContent.animate({ opacity: "0.1" });
$(".current_page_item").removeClass("current_page_item");
$("a[href="+hash+"]").addClass("current_link").parent().addClass("current_page_item");
hash = hash.substring(1);
URL = hash + " #content";
$mainContent.load(URL, function() {
$mainContent.animate({ opacity: "1" });
});
}
$internalLinks.each(function() {
$(this).attr("href", "#" + this.pathname);
}).click(function() {
$mainContent.animate({ opacity: "0.1" });
$el = $(this);
$(".current_page_item").removeClass("current_page_item");
$allLinks.removeClass("current_link");
URL = $el.attr("href").substring(1);
URL = URL + " #content";
$mainContent.load(URL, function() {
$el.addClass("current_link").parent().addClass("current_page_item");
$mainContent.animate({ opacity: "1" });
});
});
});