flexslider方向箭头响应

Question

我目前正试图在全角使用flexslider，并在某个断点处我希望方向箭头放在滑块下面以供移动使用。然后我会在这里使用文本按钮来移动滑块。

我尝试了一些解决方案。创建了两个滑块：一个用于全宽和一个用于移动。当它到达断点时我隐藏全角，但我似乎无法将这两个JavaScript组合起来使其工作。

有没有人之前这样做可以帮助我？

基本上试图使用Basic Slider Here作为我的全屏滑块，并将其与我的移动滑块的Basic Slider customDirectionNav结合使用。

这一个用于全宽度

<script type="text/javascript"> 
$(window).load(function() { 
    $('.flexslider').flexslider({ 
    animation: "slide" 
    }); 
}); 
</script> 

这一个用于移动与方向箭头/文本在底部

<script type="text/javascript"> 
$(window).load(function() { 
    $('.flexslider').flexslider({ 
    animation: "slide", 
    customDirectionNav: $(".custom-navigation a") 
    }); 
}); 
</script> 

Answer 1

你可以使用Modernizr到在不同的刹车点激活脚本的不同实例。

例如：

$("body").each(function() { 
    if (Modernizr.mq('only screen and (min-width: 750px)')) { 
     // For full-width 
     $('.flexslider').flexslider({ 
      animation: "slide" 
     }); 
    } else { 
     // For mobile 
     $('.flexslider').flexslider({ 
      animation: "slide", 
      customDirectionNav: $(".custom-navigation a") 
     }); 
    } 
});