Twitter的引導旋轉木馬是不是暫停懸停/鼠標懸停

代碼：Twitter的引導旋轉木馬是不是暫停懸停/鼠標懸停

<html> 
<head> 
    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap.no-icons.min.css" rel="stylesheet"> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
    <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>   
    <script> 
     $(document).ready(function(){ 
     $('#welcome-carousel').carousel({ 
      interval: 5000, 
     }); 
     }); 
    </script> 
</head> 

<body><div style="width:600px;margin:auto;"> 
    <div id="welcome-carousel" class="carousel slide"><!-- class of slide for animation --> 
     <div class="carousel-inner"> 
     <div class="item active"><!-- class of active since it's the first item --> 
      <img src="img/image1.png" alt="" /> 
     </div> 
     <div class="item"> 
      <img src="img/image4.png" alt="" /> 
     </div> 
     <div class="item"> 
      <img src="img/image3.png" alt="" /> 
      <div class="carousel-caption"> 
      <p>Hello to the WORLD!</p> 
      </div> 
     </div> 
     <div class="item"> 
      <img src="img/image2.png" alt="" /> 
     </div> 
     <div class="item"> 
      <img src="img/image1.png" alt="" /> 
     </div> 
     </div><!-- /.carousel-inner --> 
     <!-- Next and Previous controls below 
      href values must reference the id for this carousel --> 
     <a class="carousel-control left" href="#welcome-carousel" data-slide="prev">&lsaquo;</a> 
     <a class="carousel-control right" href="#welcome-carousel" data-slide="next">&rsaquo;</a> 
    </div> 
    </div> 
    <p>hey</p> 
</body>

如果我將鼠標懸停在幻燈片，它不會停止幻燈片播放。爲什麼？

來源

2012-11-05 Doug Smith

嘗試（在你的情況下）：

$(document).ready(function(){ 
    $('#welcome-carousel').carousel({ 
     interval: 5000, 
     pause: "hover" 
    }); 
    });

按照文檔在：http://twitter.github.com/bootstrap/javascript.html#carousel

來源

2012-11-05 00:57:21 nickhar

我們只是發現了引導2.2.1轉盤內有一個錯誤的轉盤犯規上懸停時暫停將鼠標懸停在幻燈片/轉場中間的旋轉木馬上。你可以在這裏看到更多的關於這個問題 - https://github.com/twitter/bootstrap/issues/5747

來源

2012-11-05 09:44:07 Yohn

謝謝！它讓我瘋狂！ – Sisir

在轉換過程中暫停仍然不工作。我必須設置Timeout。 – Mohsen

Twitter的引導旋轉木馬是不是暫停懸停/鼠標懸停

回答

相關問題