javascript - flexslider方向箭头响应

我目前正在尝试在全角和某个断点处使用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>

最佳答案

您可以使用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")
        });
    }
});

关于javascript - flexslider方向箭头响应，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34845433/