将owl轮播与另一个div重叠

文章/答案/技术大牛

发布

1回答

jquery、css、owl-carousel

我试着在css中用position: absolute;在:hover上显示一个div。在显示隐藏div的按钮下，有一个内部带有半透明图像的owl carousel。div中的菜单显示在旋转木马的后面。我尝试对div使用更高的z索引，但这不能解决问题。有没有一个css方法可以强制显示div在另一项之上？代码可以在上找到。.dropdown { display: inline-block; }

浏览 3提问于2018-01-17得票数 0

回答已采纳

3回答

OWL Carousel 2宽度不正确，显示所有项目

javascript、css、owl-carousel

navRewind: true, }); 这将产生轮播的以下html： <div id="owl-slider" class="owl-carousel owl-theme

浏览 8提问于2015-12-02得票数 0

3回答

Owl carousel 2克隆项单击事件未触发

jquery、click、dom-events、owl-carousel、owl-carousel-2

HTML： <div class="item">/270x180"> <div class="item"> <img src="http:

浏览 0提问于2015-07-31得票数 2

回答已采纳

1回答

如何使用不同页面上的多个owl旋转木马更改按钮的位置

javascript、html、css、shopify、owl-carousel

我唯一的问题是，在我的第二个页面上，轮播的导航按钮是从以下样式中选取的(第一个轮播需要它们的位置)：}<div id="owl<

浏览 0提问于2016-08-26得票数 0

1回答

单击按钮使错误的carousel (Jquery)居中

javascript、jquery

目前我有它，所以如果你点击任何编号按钮，下一步/上一步按钮，或者旋转木马中的一个图像，脚本将调整旋转木马以将其移动到视口的中心。但是，我注意到，如果您单击与第二个旋转木马相关联的任何按钮，页面将一直向上滚动，并调整到第一个旋转木马。我如何获得它，以便调整正确的旋转木马？例如，按下与#2轮播相关联的任何按钮来调整#2轮播，或者按下用于#3轮播的任何按钮来调整#3轮播。$(document).ready(function() { $(&quo

浏览 1提问于2016-01-28得票数 1

2回答

如何解决Owl-Carousel循环问题？

javascript、owl-carousel、owl-carousel-2

我使用Owl-Carousel 2在我的网站上创建了一个无限循环的旋转木马，但是无论我怎么尝试，我都不能让旋转木马工作。旋转木马总是稍微移动一下，然后又回来，有点卡住了。此外，如果我添加了autoplayHoverPause: true和loop:true，除非我将鼠标悬停在旋转木马上，否则它不会工作，然后它会滑动，但当然循环仍然不能工作。award-full-slider').each(function () { $(

浏览 8提问于2019-02-15得票数 0

3回答

Owl旋转木马，显示子绝对div，覆盖父溢出隐藏div

jquery、html、css、owl-carousel、owl-carousel-2

我正在使用owl carousel 2，我面临着以下问题。我有一个名字为owl-stage-outer的父div，它有overflow:hidden作为轮播的要求。我有另一个孩子的div名字：ribbon (显示‘新到’和‘大减价’)，这是position: absolute现在我面临的问题，在旋转木马的第一项上，彩带因为overflow: hidden而隐藏

浏览 6提问于2016-03-24得票数 3

回答已采纳

1回答

如何使用Angular2向owl-carousel异步添加项目

angular、typescript、owl-carousel-2

我已经将owl-carousel库导入到我的Angular2 CLI项目中，如果我有以下条件，它将正确显示： <div>item</div> <div>ite

浏览 1提问于2017-06-14得票数 0

2回答

当使用ajax、jquery动态追加owl* carousel项时，这些项不起作用*

jquery、html、owl-carousel

当使用ajax动态追加时，owl轮播项目无法工作，下面的jquery是我的ajax code..any帮助，我将非常感谢。id="owl-demo" class="owl-carousel">'; $.each(data, function(i, item) {><div class="desc"><span> <p>'+data

浏览 2提问于2016-04-30得票数 2

1回答

Owl-Carousel在初始化时放大图像

javascript、jquery、css、angularjs、owl-carousel

我在尝试用AngularJS加载一个owl转盘时遇到了一个奇怪的问题。我用下面的ng-repeat创建我的所有幻灯片： ng-repeat="banner in vm.banners

浏览 0提问于2018-08-11得票数 0

1回答

Owl Carousel -使用一个圆点旋转幻灯片滑动多个旋转木马

javascript、jquery、owl-carousel、owl-carousel-2

我有两个我想使用的轮播，它们都有相同数量的项目，所以它会很好，但我希望只有一个导航dots，并能够触发具有相同属性的多个dots。$('.div_main .owl-dots').each(function(index) {});}); $('.div_main .owl-d

浏览 31提问于2018-07-23得票数 0

回答已采纳

1回答

在带有ACF转发器的Wordpress中使用Twig引擎进行条件显示检查，以设置图像和视频轮播

html、twig、conditional-statements、advanced-custom-fields、owl-carousel

我正在尝试用wordpress的owl-carousel插件构建一个合理的混合图像和视频轮播。我是基于一个Twig引擎环境“无限元素Widget Creator for Elementor”和使用ACF中继器与两个子字段的内容。一个用于图像，另一个用于视频。现在我尝试设置这样的逻辑：“当acf中继器视频字段中有视频时，则使用视频DIV，如果没有，则使用图像DIV。”因此，圆盘传送带根据是否有视频上传到项目来显示图像或视频。下面是我的测试设置： <div class

浏览 12提问于2020-08-22得票数 0

1回答

owl转盘2-主题样式表不起作用

javascript、css、carousel、stylesheet、owl-carousel

我使用的是最新版本owl.carousel.2.0.0-beta.3以下是与owl轮播相关的HTML代码： <div class="owl-stage-outer

浏览 3提问于2015-11-02得票数 2

3回答

Owl-Carousel2 -设置dotsData

javascript、jquery、owl-carousel、owl-carousel-2

我需要在owl carousel中设置自定义的点。, $('.am-prev')], margin: 0, dotsData: ["<button role='button' class='owl-dot

浏览 4提问于2018-11-16得票数 3

回答已采纳

1回答

我的猫头鹰旋转木马不工作

jquery、html、owl-carousel

"stylesheet" href="style.css"><body> <div class="owl-cont

浏览 0提问于2017-02-03得票数 3

回答已采纳

1回答

Owl Carousel 2在wordpress starry主题中不起作用

javascript、jquery、wordpress、jquery-plugins、owl-carousel

以下是与owl轮播相关的HTML代码： <div class="tcowl-wrap tc-carousel-container"> <div class="owl-item" style="width

浏览 12提问于2019-01-10得票数 0

1回答

悬停独立元素时暂停旋转木马(猫头鹰Beta 2)

javascript、jquery、owl-carousel

'); carousel.trigger('play.owl.autoplayfunction (e){ var slideTo = $(this).data('to'); carousel.trigger('to.owl.carousel', [slideTo]);

浏览 0提问于2014-08-19得票数 2

回答已采纳

1回答

如何防止owlcarousel破坏自定义点？

javascript、jquery、html、owl-carousel

class="vote-project__holder js-carousel-vote" data-owl-min-width="960"> ...<div class="row vote-project__duel">Content of slide 5&l

浏览 16提问于2019-10-07得票数 0

回答已采纳

2回答

Owl Carousel不识别ng-repeat的元素

angularjs、angularjs-directive、owl-carousel

我想在我的视图中添加这样的标记，因为我有很多图库： <div ng-repeat="image in gallery"class="item"> </div>基本上，所有的指令应该做的就是初始

浏览 3提问于2015-03-20得票数 1

回答已采纳

1回答

悬停时如何在猫头鹰旋转木马中重叠项目？

javascript、html、css、carousel、owl-carousel

.owl-carousel.owl-theme .owl-nav { } <div class="item"> <div class="item

浏览 7提问于2022-03-10得票数 2

回答已采纳

点击加载更多