更改动态站点脚本以使用最新的jQuery库

因此，我从脚本得到：http://css-tricks.com/dynamic-page-replacing-content/ 并编辑它以满足我的需要。它适用于“jquery-1.4.4”。但是，菜单按钮的活动类分配不适用于“jquery-1.5及更高版本”。更改动态站点脚本以使用最新的jQuery库

这是脚本：

$(function() { 
var newHash  = "", 
    $mainContent = $("#main-content"), 
    $el;   

$("nav").delegate("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(600, function() {      
       $mainContent.hide().load(newHash + " #guts", function() { 
        $mainContent.fadeIn(600, function() { 

        });      
        $("nav a").removeClass("active"); 
        $(" a[href="+newHash+"]").addClass("active"); 
       }); 
      }); 
    };  
}); 
$(window).trigger('hashchange'); 

});

比我这个简单的Ajax加载微调代码也与最新的jQuery不工作：

$(document).bind("ajaxSend", function(){ 
$('#spinner').fadeIn("fast"); 
}).bind("ajaxComplete", function(){ 
    $('#spinner').delay(600).fadeOut("slow"); 
});

我会感谢任何帮助。

来源

2012-11-19 Oguzhan D.

我认为你的问题在这里：

我不确定，但尝试，如果这对你有用。

$(" a[href='"+newHash+"']").addClass("active"); 
     // ^-----------^-----------you have missed the " ' " single quotes

来源

2012-11-19 05:05:56 Jai

哇，它的工作，神秘地也是微调:) 谢谢你的男人！你救了我的一天！太糟糕了我现在没有足够的声誉来投票你的答案。 :( –

太好了，如果接受这个答案请更好 – Jai

谢谢，我已经看到了:) –

更改动态站点脚本以使用最新的jQuery库

回答

相关问题