Question

所以，我从以下地址获得了脚本：http://css-tricks.com/dynamic-page-replacing-content/ 并根据我的需要编辑它。它适用于＆＃34; jquery-1.4.4＆＃34;。但是菜单按钮的活动类分配不适用于＆＃34; jquery-1.5及更高版本＆＃34;。

这是剧本：

$(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 loading-spinner代码，它也不适用于最新的jquery：

$(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

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

1 个答案: