如何在Bootstrap Carousel中使用數據暫停屬性

In Bootstrap carousel我想禁用鼠標懸停使用數據屬性是可能的。我也試圖設置數據間隔，但兩者都不起作用。然而，它使用JavaScript，但我想通過使用數據屬性來使用它。如何在Bootstrap Carousel中使用數據暫停屬性

選項可以通過數據屬性或JavaScriptz傳遞。對於屬性數據，選項名稱追加到數據 - 如在數據間隔=「」

從引導官方網站。

在此先感謝。的JavaScript -

<script type="text/javascript"> 
$(function(){ 
    $("#myCarousel").carousel(); 
}); 
</script>

HTML -

<div class="container"> 
    <div id="myCarousel" class="carousel slide" data-interval="2000" data-pause="false"> 
    <ol class="carousel-indicators"> 
     <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
     <li data-target="#myCarousel" data-slide-to="1"></li> 
     <li data-target="#myCarousel" data-slide-to="2"></li> 
    </ol> 
    <!-- Carousel items --> 
    <div class="carousel-inner"> 
     <div class="active item"><img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg" alt=""></div> 
    <div class="item"><img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg" alt=""></div> 
    <div class="item"><img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg" alt=""></div> 
    </div> 
    <!-- Carousel nav --> 
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> 
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> 
    </div> 
</div>

來源

2013-07-08 Alex

你可以發佈你試過的代碼嗎？ – ZimSystem

你剛試過'data-pause =「」'？默認是'data-pause =「hover」'根據http://twitter.github.io/bootstrap/javascript.html#carousel –

對不起延遲。我試過數據暫停=「」，但它沒有奏效。 – Alex

將這個到整個轉盤

<div id="myCarousel" class="carousel" data-pause="false">

來源

2013-09-13 14:36:50

這的DIV是晚了一點，但我想可能其他人受益。我相信這個問題是因爲你試圖將數據屬性與JavaScript混合。

$(function(){ 
    $("#myCarousel").carousel({ 
      pause: false 
    }); 
});

你可能有數據的屬性以及間隔時間，可以做到這一點：不是添加的暫停選項作爲數據屬性，當你調用carousel功能添加它。

來源

2014-12-09 13:49:00

如何在Bootstrap Carousel中使用數據暫停屬性

回答

相關問題