如果不使用Swiper编写背景故事小说，我会尝试在HTML元素上调用.toggleClass，只要我的某个swiper幻灯片具有{{1}类}。这样我就可以在单张幻灯片上显示文字，而不是同时显示所有幻灯片。
以下是我所描述的内容的视觉效果：studioyonis.com - 如果您单击底部的标题以便项目信息出现，然后拖动RTL，您会注意到第二个项目的项目信息也可以在短时间内看到。由于我有其他一些代码，它会（正确地）消失，但我希望它根本不显示（直到我点击该幻灯片上的标题）。
我一直在尝试使用if if语句来单独显示活动幻灯片并帮助设置后续点击功能，但它不起作用，我无法弄明白我的生活。由于某种原因，JQuery可以在swiper-slide-active发生时看不到它吗？
swiper-slide-active以下是我的HTML结构示例。这样有~7个不同的幻灯片，都有if ($('.swiper-slide').hasClass('swiper-slide-active')) {
$('.overlay-caption', this).toggleClass('overlay-caption-active');
$('.overlay-caption-box', this).toggleClass('overlay-caption-box-active');
};
和overlay-caption类。
overlay-caption-box希望这是有道理的！今天在这个网站上工作了10-12个小时，只是在夜晚结束时才意识到这个问题。
干杯！
答案 0 :(得分：0)
而不是更改display，我只是在项目信息可见时锁定了不同的幻灯片。这样，用户不知道所有标题都是打开的，因为他/她不能滚动到它们。这会强制用户放慢速度并查看每个项目，而不是快速浏览。由于它是一个投资组合网站，在这种情况下也许这是一件好事。