Ajax - ajaxowanie linków, Dlaczego to nie działa? Opcje

[Bart123]

Witam. Zrobiłem coś takiego na szablonie WP Twenty Twelve, ale to ajaxowanie nie działa. Konsola Firefox wyrzuca, że metoda preventDefault(); jest przestarzała i i tak przeładowuje stronę, zamiast normalnie ajaxować link. Moje linki wyglądają w ten sposób MÓJADRES/?page_id="15".

Wydaje mi się, że z zapisem budowy linku w skrypcie może być coś nie tak.

Proszę Was o pomoc. Moglibyście to sprawdzić? Cały kod pisałem sam, wg. tutorialu - potem przerobiłem go na potrzeby swojej strony. Tyle, że w tutku działa, a u mnie nie.

CODE

$(function() {

$("column-wrap").append("<img class='ajaxloader' src='images/ajax-loader.gif' />");

var $content = $(".content"),
URL = ' ',
siteURL = "http://" + top.location.host.toString(),
$internalLinks = $('a[href]^=' + siteURL + ']'),
$ajaxSpinner = $(".ajax-loader"),
$el, allLinks = $("a");

$internalLinks.each(funtion() {

$(this).atrr("href", "#" + this.pathname);

}).click(function() {
ajaxSpinner.fadeIn();
$content.animate({opacity: "0.1"});
$el = $(this);
$(".current_page_item").removeClass(".current_page_item");
$allLinks.removeClass(".current_menu_item");
$content.load(URL);
URL = $el.attr("href").substring(1);
$content.load(URL, function (){
$el.addClass(".current_menu_item").parent().addClass(".current_page_item");
$ajaxSpinner.fadeOut();
$content.animate({opacity: "1"});
});
event.preventDefault();
return false;
});



});

Ten post edytował Bart123 24.09.2014, 11:38:33

[Turson]

[JAVASCRIPT] pobierz, plaintext 
 
$(function() {
 
$("column-wrap").append("<img class='ajaxloader' src='images/ajax-loader.gif' />");
        var $content = $(".content"),
        URL = ' ',
        siteURL = "http://" + top.location.host.toString(),
        $internalLinks = $('a[href]^=' + siteURL + ']'),
        $ajaxSpinner = $(".ajax-loader"),
        $el, allLinks = $("a");
        $internalLinks.each(funtion() {
 
        $(this).atrr("href", "#" + this.pathname);
                }).click(function(event) {
ajaxSpinner.fadeIn();
        $content.animate({opacity: "0.1"});
        $el = $(this);
        $(".current_page_item").removeClass(".current_page_item");
        $allLinks.removeClass(".current_menu_item");
        $content.load(URL);
        URL = $el.attr("href").substring(1);
        $content.load(URL, function (){
        $el.addClass(".current_menu_item").parent().addClass(".current_page_item");
                $ajaxSpinner.fadeOut();
                $content.animate({opacity: "1"});
                });
        event.preventDefault();
        return false;
        });
        });
 
[JAVASCRIPT] pobierz, plaintext 

z resztą preventDefault() i return false robią to samo