0

サイトを立ち上げましたが、まだ Jquery Masonry に問題があります。Document Ready と Window Load の使用に関するほぼすべての投稿を読みました。私の問題に対する回答を含む投稿を除くすべての人。

サイトはこちら: http://www.buckysspecialspice.com

時々、負荷は問題ありません。今日はそうではありません。

私の関数ファイルは次のようになります。Document Ready を使用すると、ブラウザのサイズが変更されるまで、投稿ブロックがまとまることがあります。Window Load を使用すると、すべての投稿ブロックが行単位でロードされます。

どんなアドバイスも素晴らしいでしょう。

// MASONRY

function anaximander_masonry() {
if (!is_admin()) {
    wp_register_script('jquery_masonry', get_template_directory_uri(). '/js/jquery.masonry.min.js', array('jquery'), '2.0.110526' );
    wp_enqueue_script('jquery_masonry');
    add_action('wp_footer', 'anaximander_add_masonry');

    function anaximander_add_masonry() { ?>
        <script>
            jQuery(window).load(function($){
              var $container = $('img');

                $container.imagesLoaded(function(){
                    $('#masonry-index').masonry({
                        itemSelector: '.index-post-container',
                        isAnimated: true,
                      columnWidth : 3
                    });
                });
            });
        </script>
    <?php 
    }
}
}

add_action('init', 'anaximander_masonry');
4

1 に答える 1

0

@author おそらく $(window).load が必要です。これは、すべてがロードされるのを待ってから(写真を含む)、焼成してから石積みで再配置するためです。しかし、.imagesLoaded とは何ですか? セレクター内の画像が読み込まれた後にコールバックをトリガーするだけですか? なぜそれと $(window).load があるのですか?

また、「$」の代わりに「jQuery」を使用します。機能していないようです（編集：誰かが私を打ち負かしました）

于 2013-02-05T17:03:32.463 に答える