У меня есть проблема здесь с SwiperJquery

Программирование на jquery
Ответить
Anonymous
 У меня есть проблема здесь с Swiper

Сообщение Anonymous »

Извините, ребята, мне нужна помощь, я использую Swiper от CDN с этим кодом, но кнопки навигации по вопросам не работают, я хочу, чтобы решение < /p>
`let itemsPerPage = getItemsPerPage();

function getItemsPerPage() {
if (window.innerWidth >= 1200) {
return 3;
} else if (window.innerWidth >= 768) {
return 2;
} else {
return 1;
}
`your text`
}
const swiper = new Swiper('.swiper-container', {
slidesPerView: getItemsPerPage(),
slidesPerGroup: getItemsPerPage(),
spaceBetween: 20,
loop: true,
speed: 5000,
effect: 'slide',
autoplay: {
delay: 1000,
disableOnInteraction: false,
},
navigation: {
nextEl: '#nextPromoted',
prevEl: '#prevPromoted',
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
simulateTouch: true,
followFinger: true,
touchRatio: 1,
breakpoints: {
768: {
slidesPerView: 2,
slidesPerGroup: 1,
},
1200: {
slidesPerView: 3,
slidesPerGroup: 1,
},
},
});

document.getElementById('nextPromoted').addEventListener('click', () => {
swiper.slideNext();
});
document.getElementById('prevPromoted').addEventListener('click', () => {
swiper.slidePrev();
});

//I Expect the Reason from autoplay because I tried this method before and it worked
let direction = 'next';

const move = () => {
if (direction === 'next') {
if (swiper.isEnd) {
direction = 'prev';
} else {
swiper.params.speed = 1500;
swiper.slideNext();
}
} else {
if (swiper.isBeginning) {
direction = 'next';
} else {
swiper.params.speed = 1500;
swiper.slidePrev();
}
}
setTimeout(move, 2000);
};

move();

document.getElementById('nextPromoted').addEventListener('click', () => {
swiper.params.speed = 1500;
swiper.slideNext();
direction = 'next';
});

document.getElementById('prevPromoted').addEventListener('click', () => {
swiper.params.speed = 1500;
swiper.slidePrev();
direction = 'prev';
});`
< /code>
Но я хочу оставить навигационную работу, я также хочу реализовать это, когда движущийся ползунок заканчивается, он возвращается в противоположном направлении. Кроме того, когда процесс наклона закончен, он перестает двигаться. Самое главное - исправить навигацию с первым кодом, потому что это окончательный код ..

Подробнее здесь: https://stackoverflow.com/questions/797 ... ith-swiper
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»