2011-07-17 51 views
1

我正在一個客戶的網站上有一個產品數據庫在左側菜單的表中。目前,點擊新菜單條目會在新頁面上顯示一組新產品。跨靜態頁面使用jQuery過渡動畫?

客戶希望我改變網站,以便當用戶點擊菜單項時,內容使用類似於jQuery Quicksand plugin中的效果進行轉換。

但是,Quicksand插件不能跨頁加載工作。如果不重寫網站的整個結構,您是否有任何建議可以實現這種效果?我看了一下History.js和this gist,它提供了一個小書籤,通過History.js自動對站點進行Ajax化。在此之前,我不認爲這是可能的,但現在我想知道,我能否使用類似於此的技術來讓Quicksand插件在不同頁面之間轉換?

回答

1

要在我的客戶網站上的頁面之間切換,我使用jquery ajax調用。我有每個頁面在它自己的.php文件中。然後我使用$ .ajax來啓動它。

對於過渡我使用JQuery UI提供了一些非常漂亮的過渡。

至於瀏覽器的歷史,我使用jHash。它使用和實現有點令人沮喪,但如果你瞭解它的工作原理等,你會驚訝於它的力量。

+0

我可能會使用這樣的方法,但該網站已經寫入。我更想知道是否有一個簡單的(r)解決方案,其中一個大網站已經以非ajaxy方式編寫。 – davidscolgan

+0

我害怕我無法想到任何其他方式。但它真的很簡單ajaxify您的網站。你所要做的就是獲取每個頁面的主要內容,並將它們放在一個單獨的文件中:create_page.php。 然後使用加載頁面: 另外,您還可以使用jQuery的.load事件。 [Jquery.Ajax文檔](http://api.jquery.com/jQuery.ajax/) [Jquery.load文檔](http://api.jquery.com/load-event/) –