添加硬核div砌体与无限滚动

时间:2013-02-20 07:08:27

标签: php wordpress html jquery-masonry infinite-scroll

我正在使用无限滚动的Masonry进行动态项目..一切都运行良好..但是当我使用if循环在动态div之间插入一个硬核div时,每当我向下滚动时,该核心div都会重复。 / p>

用于插入核心div的PHP代码:

<?php
  global $con;
  $con = 0;    
?>
.
.
.
<?php
  if ($con==9) {    
?>
  <div id="post-<?php the_ID(); ?>99yi" <?php  post_class('thumb');?> style="border:none; margin-bottom:11px;">
    <div class="thumb-holder">
      The hardcore content comes here
    </div>
  </div>

<?php 
  }
?>

用于砌体无限滚动的Javascript:

(function($){
            var $masonry = $('#masonry');

            $('#navigation').css({'visibility':'hidden', 'height':'1px'});

            $masonry.imagesLoaded( function(){
                $masonry.masonry({
                    itemSelector : '.thumb',
                    isFitWidth: true
                });
            });
        })(jQuery);

        jQuery(document).ready(function($){
            var $masonry = $('#masonry');

            $masonry.infinitescroll({
                navSelector : '#navigation',
                nextSelector : '#navigation #navigation-next a',
                itemSelector : '.thumb',
                loading: {
                    msgText: '',
                    finishedMsg: 'All items loaded',
                    img: 'http://www.abc.com/img/ajax-loader.gif',
                    finished: function() {},
                },
            }, function(newElements) {
                var $newElems = $(newElements).hide();

                $newElems.imagesLoaded(function(){
                    $('#infscr-loading').fadeOut('normal');
                    $newElems.show();
                    $masonry.masonry('appended', $newElems, true);
                });
            });

            $masonry.on('mouseenter', '.thumb-holder', function() {
                $(this).children('.masonry-actionbar').show();
            });

            $masonry.on('mouseleave', '.thumb-holder', function() {
                $(this).children('.masonry-actionbar').hide();
            });
        });

我坚持这个问题..任何人都知道如何解决问题..感谢您提前帮助.. :)

0 个答案:

没有答案