更改動態站點腳本以使用最新的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庫

回答

相關問題