Owl Carousel是一款支持触控的jQuery插件，可让您创建漂亮的响应式旋转木马滑块。
如何使用 owl-carousel 使 Bootstrap 5 卡片在卡片列中具有相同的高度？
我在轮播中使用卡片作为图像，我想让每张卡片的高度相等。 使用类 h-100 不起作用。 更改任何 p 标签内容都会使卡片的大小不同...
iPhone 在将 Owl Carousel 与 iFrame 一起使用时崩溃
我现在已经为这个问题搜索了很长时间，但我找不到另一个有同样问题的问题。 我创建了这个 JsFiddle 来演示这个问题。 当我在 iPhone 上打开它时，它会崩溃......
我在 wordpress 网站中使用猫头鹰轮播，我想动态地使用站点 url 将主题 url 中的导航图像添加到网站。 这是代码： $(".home-slider-wrapper").owlCarousel({ 自动播放：
我在项目angularjs中使用owl-carousel 我尝试在使用$(element).data('owlCarousel').destroy();进行数据更改后重新初始化owl-carousel并删除此块： 我在项目angularjs中使用owl-carousel我尝试在使用$(element).data('owlCarousel').destroy();更改数据后重新初始化owl-carousel并删除此块： <div class="owl-wrapper"> <div class="owl-item" ></div> <div class="owl-item" ></div> <div class="owl-item" ></div> <div class="owl-item" ></div> <div class="owl-item" ></div> </div> 我试试这个： if(typeof $(element).data('owlCarousel') != 'undefined'){ $(element).data('owlCarousel').destroy(); $(element).find(".owl-item").removeClass("owl-item"); } 在页面加载时它工作正常但是在数据更改时它不起作用例如我有 5 个项目要显示然后我应该得到 5 个块<div class="owl-item" ></div>但是我得到了我预期的 5 个项目和更多的空块。 您可以像这样删除整个元素： const remove = el => el.parentElement.removeChild(el); const owl = document.querySelector('div.owl-wrapper'); // remove it remove(owl) // check if it's removed (true = no such element in DOM) console.log(document.querySelector('div.owl-wrapper') === null) <div class="owl-wrapper"> <div class="owl-item" >1</div> <div class="owl-item" >2</div> <div class="owl-item" >3</div> <div class="owl-item" >4</div> <div class="owl-item" >5</div> </div> 您尝试过使用 $(".owl-item").removeClass("owl-item"); 使用 jQuery .remove() 方法： $('div.owl-wrapper').remove(); 见https://api.jquery.com/remove/ 基于@Egor 解决方案的示例： $('div.owl-wrapper').remove(); // check if it's removed (true = no such element in DOM) console.log(document.querySelector('div.owl-wrapper') === null) <div class="owl-wrapper"> <div class="owl-item" >1</div> <div class="owl-item" >2</div> <div class="owl-item" >3</div> <div class="owl-item" >4</div> <div class="owl-item" >5</div> </div>
如何将 Owl 轮播滑块的 Javascript 集成到 Plotly Dash 应用程序中？
我想用 Dash 应用程序显示品牌徽标轮播滑块： https://bbbootstrap.com/snippets/clients-brand-logo-carousel-slider-20683486 我已将资源导入为
我正在尝试将 Owl Carousel 合并到我的最新项目中，但我似乎遇到了一些困难。在这一点上，只有 HTML 和 CSS 似乎可以正常运行......
此轮播仅在“移动”设备上将文本放在图像下方，但我希望它在所有设备/屏幕尺寸上都位于图像下方。我只是不知道我需要改变什么才能让它成为......
努力在下一张和上一张幻灯片的 owlcarousel 导航按钮中添加缩略图
我想创建一个证明滑块，在下一个导航按钮上显示下一张幻灯片图像的缩略图，在上一张幻灯片按钮上显示上一张幻灯片的缩略图。 我也有我的人字形图标...
我学习了一些JavaScript，想重新构建猫头鹰滑块的无穷大功能。 在概念中，最后一个滑块项附加到开头，第一个滑块项附加到 e...
如何使用 livewire 在 laravel 中刷新猫头鹰轮播滑块中的元素？
我正在创建一个电子商务网站，猫头鹰旋转木马滑块中的产品将显示一些信息，如名称、价格等。我在顶部设置了一个计数器，并设置了一个功能，当我...
在lightbox中打开nxg-owl-carousel-o图片。
我正在使用Angular 8版本的Owl Carousel（2.1.0），我想知道是否有一个选项可以点击滑块内的图片在灯箱中打开？我试了好几种方法，但都没有真正 ...
我想移动图像中显示的导航点与滑块一起移动，当点击每个条形图时，应该导航到相关的滑块。
我使用一个猫头鹰旋转木马，我想自动播放的视频，当我达到的幻灯片，有一个视频，我看到类似的答案，如猫头鹰旋转木马视频自动播放dosent工作和测试在我的项目，但...
我有一个问题，在我的主题（称为meteroite）预安装的小部件。完整的小部件代码，如果需要在这里：https:/codeshare.io5Mbrne这是确切的部分负责显示所有......
我在我的应用程序中实现了ngx-carousel。当我对数据进行硬编码时，它工作得很好。但是对于服务器数据，它却不能正常工作。下面是我的代码。 this.contentfulService.getContent('...'。
如何将div居中？ (CarouselOWL JSBoostrap)
我一直在尝试着将一个简单的带文字的div居中到一个滑块中。 https:/cdpn.ioalouwkdebugvYLLjwMXxkVwjBPGEGM我只是在寻找一种方法来始终将文字居中，而不失去...
不知道为什么，我的猫头鹰旋转木马里面的视频有多次下载。只有3个视频显示，这是正确的。但灯塔显示视频下载多次...？现在我得到了很...
Owl Carousel没有使css组件成角度，其他一切都正常工作
猫头鹰Carousl工作正常。一切正常。轮播导航不使用其component.css中的Css。请帮我一切都很好css在检查浏览器中工作正常，但是...
我正在通过http get获取数据。之后，我遍历我的图像并将其添加到图像数组中。如果我直接用图像url声明数组，则可以正常工作，但是如果我将数据异步处理，则可以...
我面临一个奇怪的问题，我创建了一个通过vuejs循环播放的轮播。 [ ] <div v-if=showTopStore > <carousel class="carousel-inner" :autoplay="false" :nav="false" :items="1"> <div v-for="(store, key) in allStore" class="item" > <mobile-store-card :store="store" ></mobile-store-card> </div> </carousel> </div> showTopStore：False（默认），True（当数据完全加载时）