鞋带旋转木马行为怪异

Question

所以我从此模板创建了网站，最近我发现旋转木马不是自动滑动的，只是我首先单击prev或next按钮。

我已经从这个模板中检查了javascript，除了调整时间之外，没有找到任何与这个旋转木马相关的内容。

当我把鼠标放进旋转木马时，我不能让这个旋转木马继续循环，我试着使用暂停选项，但不能工作。

而且我的旋转木马只包含图像，所以我想添加<a href='#'>来扭曲我的图像，所以当用户单击旋转木马图像时，它会将它们指向我已经准备好的链接.

这是我的网站

Answer 1

在您的main.js文件中，现在在#main-滑块和.carousel之间放一个空格，如下所示：

//#main-slider
$(function(){
    $('#main-slider.carousel').carousel({
        interval: 8000
    });
});

应该是这样的：

//#main-slider
$(function(){
    $('#main-slider .carousel').carousel({
        interval: 8000
    });
});

如果你不打算在你的旋转木马中有任何东西，并且想要一个<a>标签在那里，你可以把它放在项目中，然后绝对地定位它，这样它就覆盖了整个项目。您将希望将z-索引设置为-1，以便仍然可以使用如下所示的旋转木马控件：

Html：

<div class="item active" style="background-image: url('http://sm-trust.com/imagesartikel/v0KO6zeQfA2016-01-29n.jpg')">
<a href="first.html"></a>
</div>
<div class="item" style="background-image: url('http://sm-trust.com/imagesartikel/8fXdR35LuO2016-01-29n.jpg')">
<a href="second.html"></a>
</div>

Css：

#main-slider .item a {
  position: absolute;
  top: 0;left: 0;right: 0;bottom: 0;
  z-index: -1;
}

下面是它工作的小提琴的一个小提琴