更改类名时Swiper angular 7不工作
我正在跟随这个滑块: 我的项目中有2个滑动滑块,它们都有不同的分类 一个滑块可以很好地使用类名swiper容器。但是,当我要更改第二个滑块的类名时,如下所示,它不起作用 第一个滑块每个幻灯片有4个项目,我想第二个滑块每个幻灯片应该有1个项目。这就是为什么我想更改slider容器的名称 HTML: 所有必需的库都已导入core.module.ts文件中。当我更改类名时,我不明白为什么它不起作用 core.module.ts: swiper容器类由swiper css本身用于应用样式等。您可以使用其他类初始化swiper,而不是删除类,例如更改类名时Swiper angular 7不工作,angular,slider,carousel,angular7,swiper,Angular,Slider,Carousel,Angular7,Swiper,我正在跟随这个滑块: 我的项目中有2个滑动滑块,它们都有不同的分类 一个滑块可以很好地使用类名swiper容器。但是,当我要更改第二个滑块的类名时,如下所示,它不起作用 第一个滑块每个幻灯片有4个项目,我想第二个滑块每个幻灯片应该有1个项目。这就是为什么我想更改slider容器的名称 HTML: 所有必需的库都已导入core.module.ts文件中。当我更改类名时,我不明白为什么它不起作用 core.module.ts: swiper容器类由swiper css本身用于应用样式等。您可以使用其
<div class="swiper-container s1" >
new Swiper('.s1', {
<div class="swiper-container s2" >
new Swiper('.s2', {
它只有一个幻灯片,你可以为你的问题创建一个stackbliz,我也遵循同样的方法,但不知怎么的,它不起作用!你能为你的问题创建一个fiddle或stackblitz吗?可能你正在使用swiper容器进行一次swiper尝试使用两个不同的类而不是swiper容器classI也这样做了。但可能是我在弹出窗口中使用了第二个swiper,这就是它不起作用的原因。实际上我用的是角度。
var swiper = new Swiper('.intro-swiper-container', {
slidesPerView: 1,
spaceBetween: 50,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
breakpoints: {
1024: {
slidesPerView: 1,
spaceBetween: 40,
},
768: {
slidesPerView: 1,
spaceBetween: 30,
},
640: {
slidesPerView: 1,
spaceBetween: 20,
},
320: {
slidesPerView: 1,
spaceBetween: 10,
}
}
});
import { SwiperConfigInterface, SwiperModule } from 'ngx-swiper-wrapper';
const DEFAULT_SWIPER_CONFIG: SwiperConfigInterface = {
direction: 'horizontal',
slidesPerView: 1,
keyboard:true,
mousewheel:true,
scrollbar:true,
navigation:true,
pagination:true,
breakpoints:{
640:{
slidesPerView:1
}
}
};
<div class="swiper-container s1" >
new Swiper('.s1', {
<div class="swiper-container s2" >
new Swiper('.s2', {