由于自动高度，猫头鹰轮播不加载幻灯片答案

【问题标题】：Owl carousel not loading slides because of autoheight由于自动高度，猫头鹰轮播不加载幻灯片
【发布时间】：2016-01-20 10:47:31
【问题描述】：

编辑

好的。所以我发现了问题。这是猫头鹰旋转木马的自动高度功能。如果我删除它，图像将加载。但是，我需要该功能，因为图像的大小都不同！我该怎么办？

猫头鹰轮播似乎没有加载任何幻灯片。不知道为什么，因为当我仅在本地预览时，它工作得非常好。

网站：http://imdarrien.com/

【问题讨论】：

检查F12developper 控制台中的错误，选项卡“控制台”。告诉我们有什么错误。
你的源图片上传到你的网络服务器了吗？
@TimTroiano 是的，如果您单击下一步，则可以看到图像加载。这很奇怪。

标签： html owl-carousel

【解决方案1】：

见下图（来自开发者控制台）

如上图所示，您的 Javascript 中有错误。

替换

$("#name").mouseover(function () {
    $('.slider').stop().animate({
        width: $('#name').width()
    }, 1000);
}).mouseout(function () {
    $('.slider')..stop()animate({
        width: 0
    }, 1000);
});

与

$("#name").mouseover(function () {
    $('.slider').stop().animate({
        width: $('#name').width()
    }, 1000);
}).mouseout(function () {
    $('.slider').stop()animate({
        width: 0
    }, 1000);
});

注意$('.slider')..stop()animate({ 中的..。

更新

我建议您使用调试器工具自己查找和解决这些简单的脚本问题。使用f12键在chrome中打开调试工具。

【讨论】：

我一直看到同样的错误。那可能是我的电脑出了问题。
清除浏览器缓存后尝试刷新页面。
是的，我做到了。我发现这是猫头鹰旋转木马的自动高度功能。如果我删除它，图像将加载，但我有点需要该功能，因为一堆图像的大小不同。不知道该怎么办。 :(