jquery - 重新初始化打破猫头鹰旋转木马

Question

我不得不在我的旋转木马上添加一个重新初始化，因为父部分破坏了我的猫头鹰旋转木马 (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 取出重新初始化？这将是一个肮脏的解决方案。如果有人知道更好的，我愿意接受任何东西......

Answer 1

我发现此代码片段仅适用于 safari:

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

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

解决了我的问题...