引導旋轉木馬代理很奇怪

Question

所以我從這個模板創建了網站，最近我發現輪播不會自動滑動，除非我先單擊prev或next按鈕。

我已經從該模板檢查了javascript，除了調整時間之外，沒有找到與此輪播相關的任何內容。

當我將鼠標放在轉盤中時，我只是無法使該轉盤保持循環，我嘗試使用暫停選項但無法正常工作

我的輪播也只包含圖像，所以我想添加<a href='#'>扭曲我的圖像，因此當用戶單擊輪播圖像時，它將把它們定向到我已經准備好的鏈接...

這是我的網站

Answer 1

在您的main.js文件中，現在在＃main-slider和.carousel之間放置一個空格，如下所示：

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

它應該看起來像這樣：

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

如果您的轉盤中不准備任何物品，並且想要在其中放置<a>標記，則可以將其放置在商品中，然后將其放置在絕對位置，以使其覆蓋整個商品。 您將需要將z-index設置為-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;
}

這是工作的小提琴