Question

该死的，

在谷歌上呆了几天现在试图找出如何在我的wordpress中排队并加载Masonry插件imageLoader。

http://imagesloaded.desandro.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(document).ready(function($){
                    $('#masonry-index').masonry({
                        itemSelector: '.index-post-container',
                        isAnimated: true
                    });
                });
            </script>
        <?php 
        }
    }
}

add_action('init', 'anaximander_masonry');

如果有人能在这里直接写入imageLoaded的入队和加载，我将永远感激不尽！

关注主页的链接： http://bergmanphotography.se/photos/

Answer 1

找出有效的解决方案。不知道代码是否真的很难看。但它正在发挥作用。 YEY！

// IMAGELOADED

    function anaximander_imagesloaded(){
if (!is_admin()) {
    wp_register_script('imagesloaded', get_template_directory_uri() . '/js/imagesloaded.pkgd.min.js', array('jquery') );
    wp_enqueue_script('imagesloaded');     
    // FlexSlider custom settings       
    add_action('wp_footer', 'anaximander_add_imagesloaded');
    function anaximander_add_imagesloaded() { ?>            
        <script>        
        (function($){
$(window).load(function() {
  // Masonry Trigger
  var $container = $('#masonry-index');

  $container.masonry({
     // options
     itemSelector: '.index-post-container', 
     columnWidth: 283 
  });
}); 
 })(jQuery); 
        </script>
    <?php 
    }
}
}
 add_action( 'wp_enqueue_scripts', 'anaximander_imagesloaded');

砌体imageLoaded Wordpress入队

1 个答案: