javascript - 更改动态站点脚本以使用最新的 jquery 库

Question

所以，我从http://css-tricks.com/dynamic-page-replacing-content/获得了脚本， 并根据我的需要对其进行了编辑。它适用于“jquery-1.4.4”。但是菜单按钮的活动类分配不适用于“jquery-1.5 及更高版本”。

这是脚本：

$(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');

});

比我有这个也不适用于最新 jquery 的简单 ajax loading-spinner 代码：

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

如果有任何帮助，我将不胜感激。

Answer 1

我认为你的问题在这里：

我不确定，但试试这是否适合你。

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