1

我正在为我的动态项目使用带有 Infinite Scroll 的 Masonry.. 一切工作正常.. 但是当我使用 if 循环在动态 div 之间插入一个核心 div 时，每次向下滚动时，这个核心 div 都会重复。

用于插入核心 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();
            });
        });

我陷入了这个问题..任何人都知道如何解决这个问题..感谢您提前提供的帮助.. :)

4

0 回答 0