Twitter Bootstrap旋轉木馬 - 不要循環

有沒有辦法在沒有自動循環的情況下初始化Twitter Bootstrap旋轉木馬？設置interval: false最初不會循環，但一旦您點擊next或prev，它就會再次開始循環。我不希望它循環。Twitter Bootstrap旋轉木馬 - 不要循環

編輯

下面是我使用來初始化它jQuery代碼：

$(function() { 
    $('#carousel').carousel({interval: false}); 
});

要在圓盤傳送帶顯示圖像：

image_tag('image.png', :'data-target' => '#carousel', :'data-slide-to' => 1)

來源

2013-10-20 Artem Kalinchuk

你能粘貼一些代碼PLZ的？ –

$(document).ready(function() {  
    $('#carousel').carousel('pause'); 
});

或者如果仍然不這樣做，試試這個：

$('#carousel').carousel({interval: false}); 
$(document).on('mouseleave', '#carousel', function() { 
    $(this).carousel('pause'); 
});

重置mouseleave事件的暫停。

來源

2013-10-20 13:38:59

這似乎並不奏效。轉盤沒有選擇永不騎自行車嗎？ –

您可以通過在您的.carousel div標記中添加data-interval="false"來阻止Bootstrap的傳送帶在頁面加載中循環播放。（我是不是能夠得到上述任何答案的工作。）

來源

2014-04-22 21:40:36 rda3000

添加data-interval = false和data-ride =「」將停止循環。 –

我認爲你正在尋找的「數據包」參數

<div id="crsl1" class="carousel slide" data-ride="carousel" data-wrap="false"> 
    ... 
</div>

來源

2014-07-15 21:46:15 glampr

這會阻止它最初滾動，但是一旦您單擊左側或右側箭頭，它就會再次開始滾動 – scottndecker

編輯到我上面的評論：這是錯誤的。 data-wrap =「false」可以阻止轉盤以無限模式（無論是通過js還是通過用戶單擊）四處轉動。 OP詢問有關防止自動滾動（無論是否無限）。爲此，data-interval =「false」就像一個魅力。 – scottndecker

您可以停止旋轉木馬事件，並控制滑動手動

$(function() { 
    $('#carousel').carousel({interval: false}); 

    $(document).off('.bs.carousel.data-api'); 

    $('#carousel a').on('click', function (ev) { 
     if ($(ev.currentTarget).hasClass('right')) { 
      $('#carousel').carousel('next'); 
     } 

     if ($(ev.currentTarget).hasClass('left')) { 
      $('#carousel').carousel('prev'); 
     } 
    }) 
});

來源

2015-11-26 08:24:58 user732456

試試這個：

data-ride="carousel" remove from carousel and $('#carousel-example-generic').carousel({interval: false})

來源

2016-07-05 04:04:05

Twitter Bootstrap旋轉木馬 - 不要循環

回答

相關問題