Javascript Flexislider删除第一张和最后一张幻灯片上的导航箭头

我找了一整天，没有找到任何帮助我的东西

我正在使用FlexSlider并尝试删除第一张幻灯片上的上一个链接和最后一张幻灯片上的下一个链接

我甚至将我的第一张和最后一张幻灯片包装在一个div中，以将它们与其他幻灯片分开

这是我的网站：

这是我的自动取款机代码，但它不工作：

    $('#first').flexslider({
    start: function(){
     var active_rel = $(this).find('.flex-direction-nav .flex-prev').css('display:none');
    },

  });

   $('#last').flexslider({
    end: function(){
     var active_rel = $(this).find('.flex-direction-nav .flex-prev').css('display:none');
    },

  });

任何帮助都将不胜感激：）

---

谢谢

您应该尝试以下机制：

$('.flexslider').flexslider({
    animation: 'fade',
    controlsContainer: '.flexslider',
    start: function() {
        // 
    },
    end: function() {
    //
    }
});

---

很抱歉，下面的文字，我忘记阅读您的代码><（您已经拥有的）

---

通过谷歌的快速搜索，我找到了这个网站：

在这里，您可以看到您可以连接到：

属性、默认值、描述

“开始…”在滑块加载第一张幻灯片时激发

结束……当滑块到达最后一个滑块时触发（异步）

before..与每个滑块动画异步激发

所以你能做的是：

$('.flexslider').flexslider({
    animation: 'fade',
    controlsContainer: '.flexslider'
}).before(function() {
    // Reset before each slide (cheap operation so it's no biggie to call everytime)
    $(".flex-direction-nav").removeClass("firstActive lastActive");
}).start(function() {
    // 
    $(".flex-direction-nav").addClass("firstActive");
}).end(function() {
    //
    $(".flex-direction-nav").addClass("lastActive");
});

和CSS：

.flex-direction-nav.firstActive, .flex-direction-nav.lastActive {
    opacity: 0;  // You can think about how to hide it, with transition or sth.
}

---

我进一步的建议是使用ID（可能代替课堂，或者两者兼而有之），作为一种良好的实践。

一些实例将不胜感激：）如果你能促进社区，这会有所帮助啊，对不起，我以为我把它放进去了！：p这是我的网站和滑块[链接]（）