重新启动破坏猫头鹰轮播

时间:2016-08-31 08:54:07

标签: jquery css

我不得不在我的旋转木马上添加一个重新启动,因为父节在我的猫头鹰旋转木马上打破了布局(v 1.3.3)。

看起来像这样:

var target = $( $(this).attr('href') );
event.preventDefault();
$(".sectionID").removeClass("active");
target.addClass("active");
target.find(".service-line").data('owlCarousel').reinit();
target.find(".servicetext").data('owlCarousel').reinit();

现在它在ff和opera中运行良好,但在safari上,猫头鹰旋转木马从一开始就被打破了。调整窗口后,一切看起来都很好。但这不是解决方案。

我发现有些人遇到过渡问题,并提出了以下解决方案:

support3d = (asSupport !== null && asSupport.length >= 1 && asSupport.length <= 2);

这是替代品。我只是想提一下,因为它不起作用。所以我想,过渡不会对此产生任何影响。

如果我删除了reinit,它工作正常,但我又遇到了同样的问题,这是通过添加reinit来解决的......

看到此问题: Owl carousel breaks

是否有可能只为safari取出重新启动?这将是一个肮脏的解决方案。如果有人知道更好的一个,我会对任何事情持开放态度。

1 个答案:

答案 0 :(得分:0)

我发现此代码段仅用于解决safari:

var d = navigator.userAgent.toLowerCase(),
isSafari = (~d.indexOf("safari") && !~d.indexOf("chrome"));

if(isSafari) {
// do something for safari only
}else{
// don't
}

解决了我的问题...