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的引导旋转木马是不是暂停悬停/鼠标悬停

回答

相关问题