jquery masonry文檔準備問題

我已經發布了一個網站，並且仍然遇到了Jquery Masonry的問題。我已經閱讀了關於使用Document Ready與Window Load的每篇文章。除了包含我的問題答案的帖子之外的所有人。jquery masonry文檔準備問題

這裏是網站：http://www.buckysspecialspice.com

有時是加載罰款。今天它沒有。

我的功能文件是這樣讀的。如果我使用文檔就緒，則帖子塊有時會一起放置，直到瀏覽器調整大小。如果我使用窗口加載所有的帖子塊加載行。

任何建議將是可怕的。

// 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');

來源

2013-02-05 Scott

Youy've得到了一個「$不是一個函數「出現錯誤。嘗試將「$」改爲「$（'＃masonry-index'）上的」jQuery「。masonry（{」 –

@author你可能想$（窗口）.load，因爲它發射，然後由磚石清理東西之前等待一切負荷（包括圖片）。但是什麼是.imagesLoaded？它是否在選擇器中的圖像加載後觸發回調？爲什麼有那個和$（window）.load？

而且，我會使用「jQuery的」，而不是「$」，因爲它似乎不工作（編輯：有人打我吧）

來源

2013-02-05 17:03:32 emmy

我不確定.imageLoaded，但是當我把它取出時，一切都崩潰了，但改變了$似乎工作，並使用文檔就緒，而不是窗口加載。感謝您的意見。該網站似乎現在加載更好。 – Scott

jquery masonry文檔準備問題

回答

相關問題