Owl转盘2动画在chrome最新版本(V52)中不起作用
Owl转盘2动画在Chrome最新版本(V52)中不起作用可能是由于以下原因导致的：
- 兼容性问题：Chrome最新版本可能对某些动画效果的实现方式进行了更改，导致之前的Owl转盘2动画无法正常工作。可以尝试更新Owl转盘2动画的代码或使用其他动画库来解决兼容性问题。
- 浏览器设置问题：检查Chrome浏览器的设置，确保启用了JavaScript和CSS动画。有时候浏览器的安全设置或插件也可能影响动画的正常运行。
- 代码错误：检查Owl转盘2动画的代码，确保没有语法错误或逻辑错误。可以使用浏览器的开发者工具（如Chrome的开发者工具）来查看控制台是否有任何错误信息。
如果以上方法都无法解决问题，可以尝试以下解决方案：
- 更新Owl转盘2动画库：查看是否有最新版本的Owl转盘2动画库可用，更新到最新版本可能修复了与Chrome最新版本的兼容性问题。
- 使用其他动画库：尝试使用其他动画库来替代Owl转盘2动画，例如Animate.css、GreenSock Animation Platform（GSAP）等。这些库通常具有更好的兼容性和更丰富的动画效果。
- 咨询开发社区：在开发者社区或论坛上提问，寻求其他开发者的帮助和建议。他们可能遇到过类似的问题并找到了解决方案。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
- 腾讯云移动开发平台（MPS）：https://cloud.tencent.com/product/mps
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙服务（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
在我单击div之前，jquery carousel不起作用。
我在我的html页面中添加了两个owl carousel。当我有一个转盘时，它工作得很好，但当添加另一个具有不同ID的转盘时，它不能工作，直到我在具有转盘的div中执行单击。
我在我的html页面中添加了两个owl carousel。当我有一个转盘时，它工作得很好，但当添加另一个具有不同ID的转盘时，它不能工作，直到我在具有转盘的div中执行单击。
<script>
$(document).ready(function() {
var owl = $('.owl-carousel
浏览 0提问于2018-05-17得票数 1
我的页面上的猫头鹰旋转木马出了点问题。目前，carousel容器和项目不显示。我使用我的网页检查器来检查元素，它似乎在css中有行display:none。但是，当我将其更改为display:block时，项显示在另一个项的下面，而不是水平显示在一行中。
我的转盘脚本如下所示：
jQuery(function($){
$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
dots:true,
autoplay:tru
浏览 4提问于2015-11-16得票数 5
2回答
因此，我正在尝试让点数据在猫头鹰转盘2中工作，如中所述。但是，无论我做什么，我添加的点数据都不会出现。我用了一个小提琴的例子来说明这一点。
$('.owl-carousel').owlCarousel({
items: 3,
nav: false, // Show next and prev buttons
smartSpeed: 450,
loop: false,
dotData: true
});
<div class="owl-carousel">
<div data-dot="1"
浏览 0提问于2015-11-14得票数 3
3回答
用于jquery幻灯片显示的owl.carousel.js插件，第一次正确运行时，当我在火狐或chrome中打开一个新的选项卡时，我发现自动播放幻灯片不起作用。
演示：演示：
$(document).ready(function () {
var owl = $('.owl-carousel');
owl.owlCarousel({
items: 5,
loop:true,
margin: 10,
autoplay: true,
stopOnHover : false,
autop
浏览 3提问于2017-08-29得票数 0
回答已采纳
1回答
因此，我创建了一个图像转盘，然后为其缩略图创建了另一个转盘，因为缩略图与转盘中的图像不同。现在我的问题是，当试图通过单击缩略图来更改图像时。
对于缩略图函数，我使用这个插件：
下面是我的设置：
<div class="owl-carousel main-carousel" data-slider-id="1">
<div>Your Content</div>
<div>Your Content</div>
<div>Your Content</div>
浏览 20提问于2017-12-22得票数 0
我已经为我的WordPress站点购买了旋转滑块。我已经使用旋转滑块在文本和图像上添加了一些动画，但动画在我的Chrome上不起作用，但在我的Firefox和IE上工作正常。
在我的chrome浏览器上，文本和图像是淡入和淡出的，但我想要在Firefox中正常工作的动画。
有谁能告诉我这个问题吗？
浏览 1提问于2014-07-29得票数 5
在我的主页中，我使用了一个JavaScript转盘函数，即owl转盘。然而，我的主页上只有五个旋转木马。我想要的是修改我的JavaScript，以便我可以将每个旋转木马放在要显示的项目数量上。这是我的JavaScript：
$(document).ready(function() {
$(".owl-carousel").owlCarousel(
{
autoplay: true,
autoplayHoverPause: true,
loop: true,
margin:2,
autoplayTimeout: 2000,
浏览 10提问于2018-08-09得票数 0
我正在使用带有animate.css的owl carousel版本2.0.0用于淡入和淡出效果，它在chrome最新版本52.0.2743.116上不起作用。
下面是我用于淡入淡出项目的脚本。
$('.owl-carousel').owlCarousel({
//loop:true,
margin:10,
nav:true,
items:1,
animateIn: 'fadeIn',
animateOut: 'fadeOut',
mouseDrag: false,
to
浏览 1提问于2016-08-26得票数 0
回答已采纳
2回答
我目前正在使用Owl Carousel并通过AJAX填充。当我使用addItem方法时，Owl Carousel转到第一个项目，但我希望carousel转到添加的项目。为了达到这个目的，我使用了跳转，但这里的问题是，转盘首先转到，然后再跳转到添加的项目。我只需要传送带去最新的商品。
浏览 2提问于2014-11-14得票数 2
我正在使用Angular 2，我想让它成为响应式转盘。
<owl-carousel [options]="{nav : true, slideBy : 2 ,margin :14 }"
</owl-carousel>
这在没有响应的情况下工作正常。
但是当我想在它的show me error中添加响应选项时
但是当我在options中添加Responsive代码时是show error
但是在运行项目浏览器时显示以下错误，任何人可以帮助我创建响应式ng2-owl-carousel
浏览 0提问于2017-03-24得票数 3
我有一个owl轮播的问题，我在HTML文件中添加了以下代码：
<html>
<head>
<link rel="stylesheet" href="owl-carousel/owl.carousel.css">
<!-- Default Theme -->
<link rel="stylesheet" href="owl-carousel/owl.theme.css"
<!-- jQuery 1.7+ -->
<sc
浏览 2提问于2014-09-02得票数 1
1回答
运行14.0.835.202米(Windows)
使用-webkit转换的动画不再在Chrome中工作(对我而言)。
今年早些时候，我做了一些HTML5项目，总是在Chrome和Safari中进行测试。当我现在检查它们时，很多动画在Chrome中不起作用(从那时起，Chrome已经更新了好几次)。内容消失，而动画和许多动画根本不工作。
我试过做一个简单的尺度，但即使这样也行不通.
(在我的浏览器中，div消失了，并在动画过程中重新显示。根据页面上的其他内容，它有时会在整个动画期间完全消失.)
使用-webkit-转换-风格:保存-3d；在项目上或父母似乎使事情变得更糟：
更新:我测试使用最
浏览 4提问于2011-10-12得票数 0
我们正在开发一个用于内部目的的使用角2的应用程序。幸运的是，我们在Chrome v52上，它支持很多ES6功能。
话虽如此，对我们来说，让TypeScript目标ES6而不是ES5安全吗？
浏览 1提问于2016-08-25得票数 2
回答已采纳
我想在一页HTML示例行1中添加两个owl-carousel。= owl-carousel1行2。= owl-carosoul2
<div class="item">
<!-- Item Image -->
<div class="item-image"><img src="assets/img/image1.jpg" class="img-medium" alt="Ceo"&g
浏览 0提问于2017-12-05得票数 0
我已经尝试设置owl carousel有相当长的一段时间了，但我读到的答案似乎都不起作用。因此，我开始怀疑它是不是根本不起作用，还是我在这里遗漏了什么。 我几乎尝试了我能找到的所有可能的解决方案，但没有让它运行…… 我使用的是laravel app view和@yield(' content ')，在主页上，我将实际内容与owl carousel一起插入。 在blade.app文件中，我链接了所有脚本和css文件，如下所示： <script src="{{ asset('js/app.js') }}" defer></scri
浏览 14提问于2019-05-10得票数 0
2回答
我的CSS动画在div:hover上声明了一个animation-play-state: paused。问题是(至少在Chrome中)，当悬停在元素上时，动画断断续续/跳跃。
这是一个jsFiddle：
有没有人经历过这种情况？
浏览 0提问于2013-04-10得票数 10
回答已采纳
1回答
我想用owl carousel ()构建一个无穷无尽的滑块。我有一个单一项目的滑块。我的设置：
items: 1,
itemsDesktop: [960,1],
singeItem: true,
autoPlay : true,
rewindSpeed : 10,
rewindNav : true,
navigation: true,
pagination: false
我如何构建它，使它在最后一张图片之后开始，而不是倒带到第一张图像？这个是可能的吗？
浏览 0提问于2014-05-06得票数 1
3回答
我有一个带有动画的网站。
当动画在chrome中运行时，chrome似乎无法重新绘制元素区域，并在元素曾经所在的位置留下了轨迹线。
有谁知道为什么会发生这种情况，以及我如何解决这个问题？
浏览 0提问于2012-10-14得票数 1
回答已采纳
例如，我的本体有
ontology IRI: example.com/onto1
和
current version IRI: example.com/onto1/1.0
我应该使用什么IRI将这个本体导入到新的本体中？
我读了这些章节
3.1本体IRI和版本IRI
3.3 OWL 2本体的版本控制
但还没有抓住这个问题。
以及连接的问题:在owl文件中，哪个URI应该在RDF/XML语法中指定为xmlns前缀？
浏览 3提问于2017-02-05得票数 3
回答已采纳
大家好，我目前的产品传送带设置为每行3个项目(移动2个)，但我想将其缩小到每行1个项目。
我如何编码才能得到每行1个项目呢？
当前产品转盘：
所需产品转盘：
下面是我的代码：
* Product carousel
*/
$( '.sober-product-carousel' ).each( function () {
var $carousel = $( this ),
columns = parseInt( $carousel.data( 'columns' ), 10 ),
autop
浏览 3提问于2018-09-28得票数 1
LoadRunner 12.53 (Vugen)在录制web浏览器时不调用FireFox v52。在我开始录制之后，我在windows进程中找到了firefox，但是它没有出现，它只是停留在这个过程中。但是如果我停止录音的话，我可以很容易地打开它。我对chrome没有任何问题，但是有些东西阻止了Firefox的出现。
浏览 4提问于2017-03-13得票数 0
回答已采纳
2回答
我有一个网页与2旋转木马，其中我必须显示不同的项目取决于用户的行动。
新的数据来自互联网，我使用fetch，将json解析成数组，一切都很好。
唯一的问题是，我不能让新的项目替换旋转木马中的旧项目。
举个简单的例子，我试过了
var carousel = $jq("#owl-genres");
for(...) {
carousel.owlCarousel()
.trigger('add.owl.carousel', [$jq('<div class="item">' + genres[i] + &
浏览 7提问于2017-04-17得票数 3
回答已采纳
1回答
我尝试在owl旋转木马2中添加引导选项卡功能，但是它不能正常工作。
第一次单击任何菜单项，它都可以正常工作，并显示适当的相关值，但是当第二次单击时，不起作用。卡在上，最后单击值。另外，类不会从第二次单击更改。
HTML
<div class="tab-content">
<div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">11111111
浏览 2提问于2017-10-24得票数 2
2回答
我的动画在Tizen模拟器中不起作用。同样的代码在google chrome中运行良好。我在Tizen1.0上使用jquery插件，html5，css3。有什么API可以用来做这个吗？请帮帮忙。提前感谢
浏览 0提问于2012-07-26得票数 2
7回答
这里有一个例子：
我的问题是什么都没有显示出来。
我已经有效地复制了Owl站点上的代码，但没有显示任何内容。
最初，我将其编码在一个更大的站点中，这是仅适用于旋转木马的精简版本。我已经有了处理图像的旋转木马，但视频让我摸不着头脑，如果有什么不同的话，视频看起来应该更简单！
我已经使用了最新的Owl JS和CSS版本2。
我还没有修改JS或CSS，它还处于下载状态。
我对视频的猫头鹰页面和Calvin学院进行了代码比较，后者也使用了猫头鹰的视频转盘。
据我所知，我也是这么做的。
显然我没有。
黛比
浏览 4提问于2014-10-04得票数 5
我正在使用惠普UFT版本12.5，我有谷歌Chrome版本52。
我不确定Chrome 52版本是否支持它？
请帮助，我是非常新的，并请提供一些教程的链接以及为同样的。
浏览 0提问于2016-09-01得票数 2
所有人！
我已经动态地生成了owl转盘项目，我经常会遇到这样的情况:在高分辨率下，转盘中的所有项目都是可见的。在这种情况下，我不需要在旋转木马下面显示一个“点”。
因此，例如，我将有4个项目，所有4个项目都将在桌面分辨率上可见，在这种情况下，我不需要一个滑动点。但我需要为较小的屏幕上的点，因为较小的分辨率将只显示1或2个项目每张幻灯片。但可能存在超过4个项目的情况(大分辨率下每个幻灯片最多4个)，在这种情况下，在大分辨率上，我需要下面的点。
是否可以将owl carousel2设置为在旋转木马内的所有div都可见时隐藏圆点或导航按钮。我在文档中找不到这个特性，我也在这里寻找过这个主题，但找不到
浏览 4提问于2015-04-30得票数 5
1回答
我在protege 4.3.0中创建了一个本体，并将其存储在OWL文件中。我需要添加一些个人到这个本体和更新这个文件。由于这些人非常相似，我想利用OWL来比手工使用程序更快地添加它们。
我的目标是：
添加一个新的个人#individualSimpleSubType
将#SimpleSubType类型添加到该个体(#SimpleSubType是#SimpleType的子类)
向此个人添加以下对象属性断言:与#hasProperty1关联的#PropertyValue1
向此个人添加以下对象属性断言:与#hasProperty2关联的#PropertyValue2
本体中已
浏览 1提问于2015-08-26得票数 2
回答已采纳
4回答
我试图在Ubuntu16.10Server上运行selenium，但是我得到了WebDriverException :消息: chrome不可访问(驱动程序信息:chromeDriver2.9.248304，platform=Linux 4.8.0-22-泛型x86_64)
from pyvirtualdisplay import Display
from selenium import webdriver
display = Display(visible=0, size=(800, 600))
display.start()
browser = webdriver.Chrome(
浏览 9提问于2017-03-24得票数 14
回答已采纳
我正在使用rc6从角类angular2起动器。如何将角更新为最新角？它有一个命令将为我更新，还是我必须手动更改package.json中的版本？
npm update
浏览 3提问于2016-09-15得票数 0
回答已采纳
我有一个旋转木马，它的项目数量并不总是相同的，当项目计数小于页面大小时，我想要更改旋转木马的一些选项。
以下是我尝试过的方法，但不起作用：
var owl = $('.owl-carousel');
owl.owlCarousel({
items: 1,
loop: true,
rtl: true,
autoplay: true,
autoplayTimeout: 3000,
autoplayHoverPause: true,
dots: false,
rewind: false,
checkVisible
浏览 0提问于2020-05-27得票数 1
我有多个HTML5视频的猫头鹰旋转木马。我添加了preload="none“，它在chrome & mozila中运行良好，但在Mac safari版本中就不行了。
<div id="CustomVideo" class="banner-video webview">
<video muted="true" preload="metadata">
<source src="demo.webm" type="video/webm">
浏览 0提问于2019-06-15得票数 1
我在使用不同版本的OWL API时遇到了一些困难。似乎有很多地方可以获得OWL-API：
和
从source forge可以获得OWL API的编译版本(.jar文件)(最新版本是4.1.4)
github有不同的分支:版本5，最新的似乎是5.0.1版本4，最新的似乎是4.2.3
在github上也有一些代码示例，但仅适用于版本3和4，而不适用于版本5。
我应该使用什么版本？
有没有一些版本5的代码示例？
OWL API的官方网站是什么？Sourceforge还是Github？
浏览 0提问于2016-04-11得票数 1
我在MSVisualStudioCommunity2017中使用Ionic 2已经有一段时间了。在中，可以下载和使用用于VS的插件Ionic 2模板。
它很简单，只需单击：
新项目> TypeScript >移动应用程序>离子2-空白
但是我找不到Ionic 3的模板。(似乎还没有发布)
知道如何将Ionic 3手动添加到Visual中吗？
谢谢!
浏览 2提问于2017-07-26得票数 7
回答已采纳
我正在使用svg.js ()动画在掩码内的多边形。这在Chrome和IE中工作得很好，但是如果我在Firefox中尝试它，动画就坏了。
请看一下这个。
HTML：
<div id="drawing"></div>
联署材料：
var draw = SVG('drawing');
var rect = draw.rect(1000, 300).fill({ color: '#fff' });
var polygon = draw.polygon('100,260 50,300 150,300').fill(&
浏览 3提问于2014-09-13得票数 1
回答已采纳
3回答
Owl轮播不显示
、、
我没有使用jquery做任何事情，也很少使用JavaScript，我正在尝试添加一个带有一些图像的猫头鹰旋转木马到我的页面。我从他们的网站上粘贴了代码，理论上应该可以工作，变量名看起来是合理的，但它根本不会显示在我的页面上。对不起，这对我来说是全新的，我似乎在其他地方找不到任何答案。
HTML
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstr
浏览 3提问于2015-07-16得票数 0
我在一个项目中使用Owl Carousel 2，该项目具有动态内容，可以添加无限数量的幻灯片。
所以可能有一个只有三张幻灯片的实例，或者有六张幻灯片的实例。
我想要的功能是，如果幻灯片少于四张(转盘一次显示四个项目)，则添加mouseDrag: false和touchDrag: false选项。
这是我的JS：
$('.owl-carousel').owlCarousel({
loop:false,
margin:20,
responsive : {
// breakpoint from 0 up
0: {
浏览 1提问于2017-03-24得票数 0
对于以下编码，fadeIn动画在IE中不起作用。基本上，这是一个下拉菜单，当我将光标悬停在父菜单上时，可以在Chrome、Mozilla和Opera中看到动画，但问题似乎只在IE上。
提前谢谢你。
function mainmenu(){
$(" #nav ul ").css({display: "none"}); // Opera Fix
$(" #nav li").hover(function(){
$(this).find('ul:first').css({visibility: "visib
浏览 0提问于2012-07-21得票数 0
我现在在同一个应用程序中既有GMS又有HMS。都在不同的班级。 但是当我只写这段代码的时候： val cu = CameraUpdateFactory.newLatLngBounds(builder.build(), 50)
map.animateCamera(cu, object : CancelableCallback {
override fun onCancel() {}
override fun onFinish() {
val zout = CameraUpdateFactory
浏览 21提问于2021-03-30得票数 0
回答已采纳
3回答
css: owl.carousel.min.css
.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-ba
浏览 2提问于2019-10-03得票数 0
我已经在全球范围内安装了最新版本的铬，但现在我正在处理一个克隆的存储库，它在node_modules\puppeteer\.local-chromium\win64-756035\chrome-win文件夹中有一个旧版本的铬，因此我无法运行e2e测试。我如何更新它？我尝试运行webdriver-manager update命令，但它不起作用。 这是显示的错误： ```E/launcher - session not created: This version of ChromeDriver only supports Chrome version 87 当前浏览器版本为83.0.4103.0
浏览 25提问于2020-12-03得票数 1
1回答
动画不能正常工作CSS3
、、、
我一直有CSS3的问题，动画在Chrome中工作，但在火狐中不起作用。
CSS代码：
.mwhaha {
width:100%;
height:100%;
position:fixed;
z-index:98;
background-color:rgba(0, 0, 0, .6);
animation: fade-in 2s;
-moz-animation: fade-in 2s;
-webkit-animation: fade-in 2s;
}
动画代码：
@keyframes fade-in
{
from {
浏览 2提问于2012-02-11得票数 0
什么是本体导出器?我在网站上看到的。它提到了“一个本体导出器，它使得将知识库的特定部分导出到OWL文件变得简单”.Where我能找到这个吗？我想下载it..If任何人知道这请告诉我链接也。
如果有人知道如何将OpenCyc中的部分知识分离到OWL文件中？请帮帮我。谢谢。
浏览 0提问于2012-04-22得票数 0
回答已采纳
2回答
Owl旋转木马淡出而不使用引导4
、、、、
我有一个猫头鹰旋转木马滑块，我需要褪色效果。根据owl旋转木马文档，需要添加动画css库。所以我把它加到我的网站上了。但根本不起作用。好像每一张幻灯片后面都堆满了。
这是我对滑块的选择
$('.home-slider-2').owlCarousel({
animateOut: 'slideOutDown',
animateIn: 'flipInX',
items:1,
margin:30,
stagePadding:30,
smartSpeed:450
});
所以我就这么做了，
删除引导4 j
浏览 0提问于2021-02-11得票数 0
回答已采纳
2回答
我正在搜索一个好的Angular4图像滑块组件的推荐，我已经尝试了ngx-bootstrap和ng2-owl-carousel，但它们并没有他们所说的那么好，而且没有太多关于它们的文档，如果你知道一个很好的Angular4组件，我将不胜感激！
浏览 0提问于2017-07-01得票数 10
回答已采纳
很奇怪的问题。
当我将这个JSFiddle：的代码复制到我的本地主机服务器上时，火焰的动画在火狐上工作，而在Chrome上却不起作用。另外，JSFiddle还能在Chrome上点燃火焰。
我在本地主机Chrome上遇到的错误是invalid property value。
有人有想法吗？
浏览 3提问于2014-10-26得票数 1
回答已采纳
2回答
我正在尝试让owl carousel 2在我的php站点上工作。当然，除了功能之外，我还在Anguler网站上使用了完全相同的代码。所以这应该是可行的。这是我的脚本和链接
jQuery(document).ready(function(){
jQuery('#owl2').owlCarousel({
navigation: true,
nav: true,
dots: false,
margin: 50,
dotsEach: false,
dotData: false,
center: true,
au
浏览 4提问于2016-04-13得票数 4
回答已采纳
1回答
在我运行棉花糖的Xperia M5上，angular material对话框的打开动画在chrome中很糟糕，甚至在上也是如此。有没有办法只在手机上禁用对话框的动画？
我已经看过了，但它建议禁用所有动画，并且CSS解决方案不起作用。
附言:我正在运行Angular 5，一切都更新到稳定状态。
浏览 8提问于2018-01-24得票数 10
我正在开发Jquery confirm-js弹出窗口。后台解除动画在firefox最新版本中不起作用。我已经调试了jquery-confirm.js插件文件，当我点击后台空间时，发现没有触发click事件。代码存在于"jquery-confirm.js“插件中，我只是在发现问题的地方添加了引用。有谁能帮帮我吗？
浏览 1提问于2019-09-25得票数 0
2回答
我使用的是的jquery插件。我想使用autoplay。但它不起作用：
<script src="{{base_url()}}assests/new/js/owl-carousel.js"></script>
<script src="{{base_url()}}assests/new/js/owl.autoplay.js"></script>
$(document).ready(function(){
var owl = $('.owl-carou
浏览 3提问于2016-07-10得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
