Javascript FlickityCall-以编程方式执行上一个/下一个事件

为了正确处理我使用的旋转木马

它工作正常，但我目前正尝试使用自定义按钮导航

医生说要调用

carousel.flickity（“下一个”）

——我试过了，但似乎没用

import * as Flickity from 'flickity';

this.$elem = value.nativeElement;
this.carousel = new Flickity(this.$elem, {
  accessibility: true,
  prevNextButtons: false,
  pageDots: false,
  setGallerySize: false,
  draggable: true,
  freeScroll: true
});

---

是否有一种等效方法可以使用javascript/typescript以编程方式调用下一个事件？嘿，我找到了一个解决方案。使用查询选择器访问给定的“下一步”按钮，并在自定义按钮onClick函数上以编程方式单击它们。您可以使用css隐藏Flickity提供的按钮。这是一种变通方法，但不是基于官方文件

/* 
    In my case I inspected the button given by Flickity and accessed those in my JS or TS file 
*/

 let temp:any = document.querySelector('.flickity-button.flickity-prev-next-button.next');
 temp.click();

在CSS文件中，您可以添加visibility属性hidden，这样按钮功能就可以完整地以编程方式单击，但在UI中却找不到预期的轻薄按钮

.flickity按钮{
位置：绝对位置；
可见性：隐藏；
边界：无；
颜色：#8c6238！重要；
}

嘿，我找到了解决办法。使用查询选择器访问给定的“下一步”按钮，并在自定义按钮onClick函数上以编程方式单击它们。您可以使用css隐藏Flickity提供的按钮。这是一种变通方法，但不是基于官方文件

/* 
    In my case I inspected the button given by Flickity and accessed those in my JS or TS file 
*/

 let temp:any = document.querySelector('.flickity-button.flickity-prev-next-button.next');
 temp.click();

在CSS文件中，您可以添加visibility属性hidden，这样按钮功能就可以完整地以编程方式单击，但在UI中却找不到预期的轻薄按钮

.flickity按钮{
位置：绝对位置；
可见性：隐藏；
边界：无；
颜色：#8c6238！重要；
}

在Flickity中尝试

prevenxtbuttons:true

constructor@AbhinabRajopadhyaya我想使用自定义按钮，独立于flickity滑块本身，但执行下一个事件。请在flickity中尝试

prevenxtbuttons:true

constructor@AbhinabRajopadhyaya我想使用自定义按钮，独立于flickity滑块本身，但执行下一个事件。