jQuery的地址 - 動畫內容

我想，如果你看一看http://www.idbranding.nl深聯工作正常得到一個AJAX網站與jquery.address插件jQuery的地址 - 動畫內容

。

唯一的問題是我無法實現加載屏幕simular，如：http://www.nerisson.fr/（也使用jquery.address插件）

所以我的問題是，是否有人知道如何製作動畫的內容（淡出/淡入）並顯示/隱藏加載屏幕？我認爲這並不難，但jquery.address的文檔在動畫方面是有限的。

這裏是我的代碼：

function loadURL(url) { 
    console.log("loadURL: " + url); 
    $("#content").load(url); 
}  

// Event handlers 
$.address.init(function(event) { 
    console.log("init: " + $('[rel=address:' + event.value + ']').attr('href')); 
}).change(function(event) { 
    $("#content").load($('[rel=address:' + event.value + ']').attr('href')); 
    console.log("change"); 
}) 

$('a').click(function(){ 
    loadURL($(this).attr('href')); 
});

來源

2012-05-14 idbranding

也許這樣的事情作爲負載的功能：

$("#content").fadeOut("fast", function() { //block of code to be executed when page is faded out 
    $("#loadingPlaceholder").fadeIn("fast"); // fade in placeholder (e.g. loading image) 
    $.get(url, function(data){ // get the data and if data has been loaded... 
     $("#loadingPlaceholder").fadeOut("fast"); // fade out placeholder 
     $("#content").empty().html(data).fadeIn("fast"); // empty the innerHTML (--> prevents "flickering"), insert the loaded data and fade in again 
    }); 
});

而且我不會用click()功能，你就必須把它應用到任何新鏈接（可能會加載） - >使用委託/開（不知道你使用的是哪個jQuery版本））

有關更詳細的示例，請查看我的ver sion https://github.com/peter-m/blueprint/blob/master/js/pushState.js

來源

2012-05-14 12:09:21 Peter

首先，我非常感謝您的幫助。這是一個開始，現在我必須執行到當前的jquery.settings.js 你的github示例看起來不錯，但很難爲我做代碼..然後.. – idbranding

..？如果沒有「那麼」，你會介意將問題標記爲已回答嗎？ :) – Peter

對不起，我點擊輸入按鈕，而我的評論還沒有完成..任何建議如何完整的代碼應該看起來像（與jquery.address.settings？我不知道在哪裏放置你的代碼到我的當前代碼 – idbranding

jQuery的地址 - 動畫內容

回答

相關問題