Javascript 引导转盘在第一个图像上向左滑动时消失
我有5个带相同标记的旋转木马,其中4个有相同的问题。如果将第一个项目向左滑动,则任何“项目”类的“活动”类都会消失,因此旋转木马本身也会消失。我已经检查了这个问题两天了,但无法处理它 基本上,旋转木马标记如下所示:Javascript 引导转盘在第一个图像上向左滑动时消失,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我有5个带相同标记的旋转木马,其中4个有相同的问题。如果将第一个项目向左滑动,则任何“项目”类的“活动”类都会消失,因此旋转木马本身也会消失。我已经检查了这个问题两天了,但无法处理它 基本上,旋转木马标记如下所示: <div id="project-gallery-carousel-4" class="carousel slide gallery-carousel" data-ride="carousel" data-interval="false">
<div id="project-gallery-carousel-4" class="carousel slide gallery-carousel" data-ride="carousel" data-interval="false">
<!-- Wrapper for slides -->
<div class="carousel-inner">
<a href="javascript:void(0)" class="project-close-btn"></a>
<span class="project-name-box">ERENKÖY APARTMANI</span>
<div class="item active">
<img src="images/certum/001.jpg">
<div class="carousel-caption">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque, numquam, quia, eaque, soluta cum totam suscipit voluptatem possimus esse corporis ad odit accusantium minima enim sequi officiis tenetur tempore dignissimos.</p>
</div>
</div>
<div class="item">
<img src="images/certum/002.jpg">
<div class="carousel-caption">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos, libero accusamus alias nemo voluptas quas dicta minus omnis architecto. Et, ab inventore assumenda doloremque corrupti libero placeat facere eaque in.</p>
</div>
</div>
<div class="item">
<img src="images/certum/003.jpg">
<div class="carousel-caption">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos, libero accusamus alias nemo voluptas quas dicta minus omnis architecto. Et, ab inventore assumenda doloremque corrupti libero placeat facere eaque in.</p>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#project-gallery-carousel-4" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" href="#project-gallery-carousel-4" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
<a href="#" class="project-close-bar dn">KAPAT</a>
</div>
埃伦克ÖY公寓
Lorem ipsum dolor sit amet,奉献精英。新的、新的、新的、新的、新的、新的、新的、新的、新的、新的、新的、新的、新的、新的、新的、新的、新的、新的、新的、新的、新的、新的、新的、新的、新的、新的、新的、新的、新的
Lorem ipsum dolor sit amet,奉献精英。Quos,libero accusamus别名尼莫·沃卢帕斯(nemo voluptas)是一个无主建筑。Et,ab发明人假设在年的facere eaque发生了自由人腐败事件
Lorem ipsum dolor sit amet,奉献精英。Quos,libero accusamus别名尼莫·沃卢帕斯(nemo voluptas)是一个无主建筑。Et,ab发明人假设在年的facere eaque发生了自由人腐败事件
您不能将此代码保留在“转盘内部”分区中
埃伦克ÖY公寓
这使得旋转木马无法滑动我猜您在某处遇到了一些javascript错误 单击鼠标右键时,将在新的image Div容器上设置一个活动类:
单击“左”可将标题设置为“活动”
DRS YAPI
OFİSİ
这里一个难看的解决方法是从第一张幻灯片禁用左方向导航
首先找出将该事件与所有其他基于旋转木马的事件区分开来的特定条件。然后有条件地执行e.preventDefault()
丑陋,但它可以防止问题完全崩溃滑块
<a href="javascript:void(0)" class="project-close-btn"></a>
<span class="project-name-box">ERENKÖY APARTMANI</span>
$('#carousel').on('slide.bs.carousel', function (e) {
if (e.type == "slide" && e.direction == "right" && e.relatedTarget.className != "item"){
return e.preventDefault();
}
})