当前项目集中在猫头鹰轮播中时如何显示标题div？答案

【问题标题】：how to show the caption div when current item is focused in owl carousel?当前项目集中在猫头鹰轮播中时如何显示标题div？
【发布时间】：2015-10-23 10:43:54
【问题描述】：

当当前项目获得焦点时，我需要显示标题 div。我可以显示标题，但是当倒数第二张图片聚焦于阳离子时，最后一张图片也会在循环中显示标题。

在第一个循环中，所有标题 div 在图像聚焦时显示，但在第一个循环之后，最后一个图像已经带有标题。当我保持轮播选项循环时：真当我保持假时，我导航上一个，然后我不会遇到问题。参考：http://jsfiddle.net/ROHIT502/1qdurrLz/95/ Error Image when loop happen 这是jquery代码：

$(document).ready(function () {
$('#slider').on('initialized.owl.carousel change.owl.carousel changed.owl.carousel ', function (e) {
if (!e.namespace || e.type != 'initialized' && e.property.name != 'position') return;
var current = e.relatedTarget.current()
var items = $(this).find('.owl-stage').children()
//alert(current);
var add = e.type == 'changed' || e.type == 'initialized'
items.eq(e.relatedTarget.normalize(current)).toggleClass('current', add)
}).owlCarousel({
items: 3,
margin: 10,
itemsDesktop : [1199,3],
itemsDesktopSmall: [979, 3],
autoplay:true,
autoplayTimeout:2000,
autoplayHoverPause: true,
//autoHeight: true,
responsive: true,
center: true,
dots:false,
nav: true,
loop: true
});
})

【问题讨论】：

请说清楚 1. 你想要什么？ 2. 发生了什么 3. 你做了什么？
1) 当图像聚焦在猫头鹰轮播自动播放中时，我想在图像下方显示信息。如果我显示 3 个图像，则中心焦点图像将显示标题 div，第一个和最后一个图像将不显示标题。 2）我能够显示带有标题的图像居中，但是当我保持循环选项为真时，在第一次循环之后，当再次相同的图像开始滚动然后在最后 3 张图像中最后一张图像已经显示标题中心加上最后一张图像都显示标题时，它发生在循环到达最后一张图片..for ref jsfiddle.net/ROHIT502/1qdurrLz/95
所以你希望标题在悬停时向下移动，问题是最后一张图片的标题在浏览所有图片一次后不会消失？
是的。当图像聚焦并且最后一个图像标题不会消失时，我想向下移动标题..

标签： javascript jquery html css owl-carousel

【解决方案1】：

var elementStyle = document.getElementByClass("caja").hover.style;

elementStyle.position = "relative";

elementStyle.top = "20px";

这将在悬停时将类 caja 向下移动 20px 我很抱歉，但我不知道最后一张图片的标题是怎么回事我从未使用过猫头鹰旋转木马。顺便说一句，您可以自己制作漂亮的旋转木马。

【讨论】：