我有一个带有多个滑动器的应用程序,幻灯片是由不同的服务器动态生成的。 如果滑动器上只有1张幻灯片,则需要禁用导航和分页功能(没有子弹或滑动器效果)。
我已经做了一些Google研究,直到现在我只找到了Jquery的答案。我不允许使用Jquery,只能使用打字稿。 我尝试使用“ document.querySelectorAll('。slider')。length == 1”创建条件,但是在DOM上找不到“ slider”,因此总是返回0。
答案 0 :(得分:0)
所以我坚持了2天,终于找到了答案,就像在swiper配置上添加“ watchOverflow:true”一样简单。
public config: SwiperConfigInterface = {
slidesPerView: 1.16,
spaceBetween: 4,
centeredSlides: true,
mousewheel: true,
scrollbar: false,
navigation: false,
pagination: true,
watchOverflow: true
};