0

Wix.com サイトをワードプレスに変換したいクライアントがいます。しかし、彼はページのスライド効果を維持したいと考えています.スライド効果(右から左)でajaxを使用してwpにページをロードする方法を誰か教えてもらえますか?

4

1 に答える 1

1

このリクエストもありましたが、ajax-page-loader コードをハッキングして解決しました。

ajax-page-loader.js ファイルには、AAPL_loadPageInit() 関数があります。ここで、クリックされたメニュー項目を確認してから、#content 項目を右または左に押します。

$('#content').css('margin-left', '-1500px');

この関数は、AAPL_loadPage() 関数をトリガーします。160 行目あたりで、#content コンテナーを fadeOut() でフェードアウトし、次に、fadeIn() でフェードイン + コンテンツを読み込みます。

フェードインの前に、次を追加します。

$('#content').css('margin-left', '0');

余白をリセットして #content コンテナーを配置します。

これをすべて光沢のあるクールに見せるには、次のような CSS トランジションを使用します。

#content { transition: margin 1s; }

もちろん、ベンダーのプレフィックスを付けることを忘れないでください。ご不明な点やご質問がございましたら、お気軽にお問い合わせください。

于 2013-02-18T11:18:36.033 に答える