0

ページが読み込まれたときに1つの投稿でコンテンツをアニメーション化する小さなスクリプトがあり、右から左にスライドします。アドレスを入力した直後に投稿を含む特定のページに入ると、すべてうまくいきます...しかし、Advanced AJAXPageLoaderを使用してこのページに入るとhttp://wordpress.org/extend/plugins/advanced-ajax- page-loader/それからそれは機能していません。問題は「$(window).load」にあると思いますが、それを変更するのに相当するものはありますか?

私のスクリプトがあります:

<script type="text/javascript">
   $(window).load(function() {
     $('#main-content-slide').animate({'left':'0%'}, 1500);
   });
</script>

私の悪い英語でごめんなさい私はあなたが私を理解したことを望みます。

4

1 に答える 1

0

$(window).load()ページがAjax経由で読み込まれている場合、アニメーション化するコンテンツは、全体が既に発生した後にのみ読み込まれるように思われます。ウィンドウが最初に読み込まれ、次にAjaxがコンテンツをプルします。

したがって、コンテンツがどこにあるかに注意を払い、コンテンツが表示されてインプレースになるのを待つ必要があります。だから多分このようなもの:

<script type="text/javascript">
   $(window).load(function() {
     if ($('#main-content-slide').length > 0) {
       $('#main-content-slide').animate({'left':'0%'}, 1500);
     }
   });
</script>

編集:別のアイデアは、そのようにレンダリングされている要素の真下にコードを配置することです。コードの実行時に「#main-content-slide」要素が配置されていることが常に保証されます。

幸運を!

于 2013-01-25T05:19:19.950 に答える