由于自动高度,猫头鹰转盘没有装载滑块

时间:2016-01-19 16:47:03

标签: html owl-carousel

修改

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

猫头鹰旋转木马似乎没有加载任何幻灯片。不知道为什么,因为当我在本地预览时,它完全正常。

网站:http://imdarrien.com/

enter image description here

enter image description here

1 个答案:

答案 0 :(得分:0)

请参阅下图(来自开发者控制台)

enter image description here

如上图所示,您的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中的调试工具。