當用戶單擊指標或輪播控件時，如何禁用輪播週期？

Question

使用Bootstrap現成旋轉木馬，我想在用戶點擊指標或控件（next/prev按鈕）時禁用自動循環功能。所以，如果用戶點擊「下一步」按鈕，輪播將變爲手動。在jQuery中不夠強大，但這是我的嘗試。

$('#myCarousel').click(function() { 
    $(this).stop(); 
}); 

Answer 1

您可以訪問通過輪播的.data()對象interval選項，並將其設置爲false ..

$('#myCarousel').click(function() { 
    $(this).data('carousel').options.interval=false; 
}); 

演示：http://www.bootply.com/65091

Answer 2

自舉3，我在做什麼像這樣的東西。注意：我的頁面的很大一部分被旋轉木馬覆蓋，所以我告訴它不要在懸停時暫停（因爲鼠標已經懸停）。

要暫停，點擊任何地方轉盤時（包括指標）：

$('#myCarousel').click(function() { 
     $('#myCarousel').carousel('pause'); 
}); 

要暫停只點擊一個指標時，它會是這樣的。對於其他元素也是如此。

$(".carousel-indicators").click(function() { 
     $('#myCarousel').carousel('pause'); 
}); 

不能直接在問題的範圍，但這裏是我如何阻止它暫停鼠標懸停：

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