Javascript 砌体、FlexSlider和无限卷轴

我正在使用masinry并通过无限滚动jQuery插件加载内容，在这篇内容中我有不同的FlexSlider幻灯片。当我使用无限卷轴时，滑块没有正确显示，下一个帖子正好位于同一个位置，就像砖石没有加载flexslider帖子一样。。 我支持FlexSlider jQuery不能很好地加载无限滚动。代码如下：

FlexSlider：

<script>jQuery(document).ready(function ($) {
    $(\'#' . $id . '\').flexslider({
    namespace: "flex-",            
    selector: ".slides > li",
    animation: "' . $animation_effect . '",
    direction: "horizontal",            
    animationLoop: true,                
    slideshow: true,   
    slideshowSpeed:' . $slideshow_speed . ',
    animationSpeed:' . $animation_speed . ',
    pauseOnAction: true,     
    pauseOnHover: true,   
    useCSS: true,     
    touch: true,  
    video: true,  
    controlNav: false,  
    directionNav: false, 
    prevText: "",  
    nextText: "",
    });});</script>

jQuery（文档）.ready（函数（$）{
$（\'\'.$id.'\'）。flexslider({
命名空间：“flex-”，
选择器：“.slides>li”，
动画：“'.$animation_effect.”，
方向：“水平”，
animationLoop:true，
幻灯片：没错，
幻灯片放映速度：'.$slideshow\u速度'，
动画速度：'.$animation\u速度'，
行动：没错，
pauseOnHover:是的，
是的，
触摸：是的，
视频：没错，
控制导航：错误，
方向导航：错误，
前文：“，
下一个文本：“”，
});});

砌体+无限卷轴：

<script>        
        jQuery(document).ready(function($){
            var $container = $('#masonry-content');

            $container.imagesLoaded(function(){
              $container.masonry({
                itemSelector: 'article',
                columnWidth: 1,
              });
            });

            <?php if($missiony_options['archives_infinite_scroll'] == 1) { ?>

            $container.infinitescroll({
              navSelector  : '.archive-nav',    // selector for the paged navigation 
              nextSelector : '.archive-nav .next',  // selector for the NEXT link (to page 2)
              itemSelector : '#masonry-content article',     // selector for all items you'll retrieve
              loading: {
                  finishedMsg: 'No more pages to load.',
                  img: 'http://i.imgur.com/6RMhx.gif',
                  msgText:'',
                }
              },
              // trigger Masonry as a callback
              function( newElements ) {
                // hide new items while they are loading
                var $newElems = $( newElements ).css({ opacity: 0 });
                // ensure that images load before adding to masonry layout
                $newElems.imagesLoaded(function(){
                  // show elems now they're ready
                  $newElems.animate({ opacity: 1 });
                  $container.masonry( 'appended', $newElems, true ); 
                   $("a[rel^='prettyPhoto']").prettyPhoto();
                   $('#slider-74').flexslider();
                  });
              });
            <?php } ?>
        });


    </script>

jQuery（文档）.ready（函数（$）{
var$container=$（“#砌体内容”）；
$container.imagesLoaded（函数（）{
$container.com({
itemSelector:'文章'，
列宽：1，
});
});
$container.infinites卷({
导航选择器：'.archive nav'，//分页导航的选择器
下一个选择器：'.archive nav.next'，//下一个链接（到第2页）的选择器
itemSelector:“#内容文章”，//将检索的所有项目的选择器
装载：{
FinishedMg:“没有更多页面要加载。”，
img:'http://i.imgur.com/6RMhx.gif',
msgText:“”，
}
},
//触发器作为回调
函数（新元素）{
//在加载新项目时隐藏它们
var$newElems=$（newElements）.css（{opacity:0}）；
//确保在添加到砌体布局之前加载图像
$newElems.imagesLoaded（函数（）{
//显示元素现在他们准备好了
$newElems.animate（{opacity:1}）；
$container.mashing（'added'，$newElems，true）；
$（[rel^='prettypto']）；
$（'#slider-74'）。flexslider（）；
});
});
});

javascript在页面上是内联的，因为我使用了一些PHP变量。正如您所看到的，我在加载infinete scroll和imageLoader以及PrettyTo之后，将新元素添加到砖石中。我试着用FlexSlider做类似的事情，但什么都没有。如何才能做到这一点？救命啊

---

您有语法错误-请尝试一个debbuger

我也有同样的问题，但我没有使用砌体

以下是无限滚动+Flexslider的工作示例：）

$（'.category-product-wrapper-ul.products'）。无限滚动({
装载：{
img:templateDir+“/images/preload.gif”，
finishedMsg：“已加载内容。”，
msgText:“”，
速度：“慢”，
},
动画：假，
下一个选择器：“ul.页码a:第一”，
导航选择器：“ul.页码”，
itemSelector:“.product块”，
缓冲区px:5，
}，函数（）{
//成功加载新内容时回调。
$（'.product thumb.flexslider'）.flexslider（{
动画：“幻灯片”，
useCSS:false，
幻灯片放映：错误，
控制导航：错误，
方向导航：对，
controlsContainer:“.flex容器”，
});
});

基本上，我们需要在添加新内容时初始化滑块，因为Flexslider通常在页面加载时初始化

---

希望这有帮助！干杯。

试着把这行改成：

 $('#slider-74').flexslider();

取代

$('#slider-74').flexslider({

 animation: "slide"

                })  

flexslider的此初始化必须在砌筑方法之后进行

致以最良好的祝愿

$('#slider-74').flexslider({

 animation: "slide"

                })