2013-02-05 60 views
0

我已经发布了一个网站,并且仍然遇到了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'); 
+0

Youy've得到了一个“$不是一个函数“出现错误。尝试将“$”改为“$('#masonry-index')上的”jQuery“。masonry({” –

回答

0

@author你可能想$(窗口).load,因为它发射,然后由砖石清理东西之前等待一切负荷(包括图片)。但是什么是.imagesLoaded?它是否在选择器中的图像加载后触发回调?为什么有那个和$(window).load?

而且,我会使用“jQuery的”,而不是“$”,因为它似乎不工作(编辑:有人打我吧)

+0

我不确定.imageLoaded,但是当我把它取出时,一切都崩溃了,但改变了$似乎工作,并使用文档就绪,而不是窗口加载。感谢您的意见。该网站似乎现在加载更好。 – Scott