如何解决在弹出窗口中使用 Swiper js 并通过单击不同的照片使用 slideTo
我尝试解决与 Swiper Js 中的 slideTo
相关的错误。通过单击照片,我会在那里弹出一个弹出窗口和滑块。当我点击照片弹出窗口时,它会通过 realIndex 向我展示一张幻灯片,我可以点击上一个和下一个按钮。那很好。
但是当我关闭弹出窗口并再次单击另一张照片时,弹出窗口正在打开,之后我无法使用上一个和下一个按钮。它们根本无法点击。
var swiper = initSlider();
function initSlider() {
return new Swiper('#sync4',{
loop: true,observer: true,observeParents: true,preloadImages: false,lazy: true,parallax:false,pagination: {
el: '.swiper-pagination',type: 'fraction',},navigation: {
nextEl: ".swiper-button-next",prevEl: ".swiper-button-prev",keyboard: {
enabled: true,on: {
init: function () {
textTypes.innerHTML = typesUnit[0].innerHTML;
},}
});
}
$('.showAllUnit').click(function () {
var winWidth = window.innerWidth;
var sliderGallery = $(this).attr('aria-label').slice(0,2);
$('#overlayShowAllGallery').fadeIn(200,function () {
$(document.body).css('overflow','hidden');
$('.swiper-wrapper').css({
'display': 'flex','transition': 'all 300ms'
});
$('#showAllGallery').css('display','block').animate({
opacity: 1,top: '-10px'
},200);
swiper.slideTo(sliderGallery,2000,false);
swiper.update();
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。