1

そこで、http: //css-tricks.com/dynamic-page-replaceing-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ローディングスピナーコードがあるよりも：

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

どんな助けにも感謝します。

4

1 に答える 1

2

私はあなたの問題がここにあると思います：

よくわかりませんが、これでうまくいくか試してみてください。

$(" a[href='"+newHash+"']").addClass("active");
       //  ^-----------^-----------you have missed the " ' " single quotes
于 2012-11-19T05:05:56.660 に答える