Javascript 滑动：仅使用按钮滑动到下一个项目，手动滑动到上一个项目

我用它来展示一些物品

我只想在单击按钮时滑动到下一个项目，但允许手动滑动到上一个项目

以下是与刷卡相关的选项：

AllowSweeptoPrev：设置为false可禁用向上一个滑动方向（向左或向上）滑动

AllowSweeptonext：设置为false可禁用滑动到下一个滑动方向（向右或向下）

swipeHandler：带有CSS选择器的字符串或带有分页的容器的HTML元素，该元素将仅作为用于滑动的可用处理程序

nextButton：带有CSS选择器的字符串或元素的HTML元素，单击该元素后，该元素将像“下一步”按钮一样工作

prevButton：带有CSS选择器的字符串或元素的HTML元素，单击该元素后，该元素将像“prev”按钮一样工作

如果我使用

swipeHandler

作为按钮选择器，它将按预期工作，但我无法滑动到上一个项目，因为它仅作为可用的滑动处理程序工作。无论我使用什么其他选项

如果我将

allowswittonext

设置为false，并使用

nextButton

而不是

swipeHandler

，则即使单击next按钮，它也不会滑动到下一项

---

因此，问题是：如何实现仅使用按钮滑动到下一个项目，而仅手动滑动到上一个项目？

遇到了相同的问题，解决方法如下：

var swiper = new Swiper('.swiper-container', {
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    spaceBetween: 30,
});
// Locks the swipe to next by default
swiper.lockSwipeToNext();

$("#button_id").click(function(e){
  e.preventDefault();
  // Unlocks the swipe to next when the button is clicked
  swiper.unlockSwipeToNext();
  // Swipes to the next slide
  swiper.slideNext();
  // Locks the swipe to next again after moving to the next slide
  swiper.lockSwipeToNext();
});

---

我希望它能帮助你

要禁用触摸控制：

mySwiper.disableTouchControl();

---

抱歉，如果您禁用了无法滑动到下一个的SwipOnext，则似乎符合逻辑。我不明白这个问题。@MarcosPérezGude:我只是想禁用手动滑动到下一个，但用按钮继续滑动到下一个，然后手动滑动到上一个。