2011-07-17 11 views
1

私は左側のメニューを持つテーブルに製品のデータベースを持つクライアントのWebサイトで作業しています。現在、新しいメニュー項目をクリックすると、新しいページに新しい製品が表示されます。静的ページ間でjQueryトランジションアニメーションを使用しますか?

クライアントは、ユーザーがメニュー項目をクリックすると、jQuery Quicksand pluginのような効果を使ってコンテンツが切り替わるようにサイトを変更したいと考えています。

ただし、Quicksandプラグインはページの読み込みを超えて動作しません。サイト全体の構造を書き直すことなくこの効果を達成する方法についてアドバイスをしていますか?私はHistory.jsを見て、this gistはBookmarkletを提供し、History.js経由でサイトを自動的にajaxifyします。それ以前は、これは可能だとは思っていませんでしたが、これと同様のテクニックを使ってQuicksandプラグインをさまざまなページ間で移行させることはできますか?

答えて

1

お客様のウェブサイトのページを切り替えるには、jquery ajax呼び出しを使用します。私はそれ自身の.phpファイルの各ページを持っています。それから私は$ .ajaxを使ってそれを呼び出す。

トランジションでは、とても素敵なトランジションを提供するJquery UIを使用します。

ブラウザの履歴は、jHashを使用しています。その使用と実装には少しイライラしますが、それがどのように動作するかなどを理解すれば、その力に驚かれるでしょう。

+0

おそらくこのような方法を使用しますが、サイトは既に作成されています。大規模なサイトが既に非アジャクシィな方法で書かれている単純な(r)ソリューションがあるかどうか、私はさらに疑問に思います。 – davidscolgan

+0

私は他の方法を考えることはできません。しかし、本当にあなたのウェブサイトをajaxifyするのは簡単です。あなたがしなければならないのは、各ページの主な内容を取得し、それを別々のファイル:create_page.phpに入れることだけです。 次に、使用してページをロードします。 また、あなたもjQueryの.LOADイベントを使用することができます。 [Documentation for Jquery .Ajax](http://api.jquery.com/jQuery.ajax/) [Documentation For Jquery .load](http://api.jquery.com/load-event/) –

関連する問題