Javascript 如何阻止引导转盘在rails应用程序中循环
好的…这是我的代码…现在…当页面加载第一幅图像时，第一幅图像不会移动…但是一旦访问者选择下一幅图像，然后停止选择图像…旋转木马开始以默认的每幅图像5秒的速度自动循环。我根本不想旋转木马自动循环。 我希望网站访问者只能在单击“下一步”按钮时移动图像 我错过了什么Javascript 如何阻止引导转盘在rails应用程序中循环,javascript,ruby-on-rails,twitter-bootstrap,Javascript,Ruby On Rails,Twitter Bootstrap,好的…这是我的代码…现在…当页面加载第一幅图像时，第一幅图像不会移动…但是一旦访问者选择下一幅图像，然后停止选择图像…旋转木马开始以默认的每幅图像5秒的速度自动循环。我根本不想旋转木马自动循环。 我希望网站访问者只能在单击“下一步”按钮时移动图像 我错过了什么 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="widt
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home</title>
<meta name="description" content="">
<meta name="author" content="">
<%= stylesheet_link_tag "application", :media => "all" %>
<%= javascript_include_tag "application" %>
<%= csrf_meta_tags %>
<script>
$(function(){
$('.carousel').carousel({
interval: false
});
});
</script>
</head>
<body>
<div class="container">
<header class="navbar navbar-fixed-top">
<nav class="navbar-inner">
</nav>
</header>
</div>
<div id="main" role="main">
<div class="container">
<div class="content">
<div class="row">
<div class="span12">
<!-- yeild goes here -->
<h1><%= image_tag "logo.png", :title => "Home", :class => "logo" %></h1>
<div id="myCarousel" class="carousel slide">
<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>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item"><%= image_tag "home_1.jpg", :title => "title", :class => "class" %></div>
<div class="item"><%= image_tag "home_2.jpg", :title => "title", :class => "class" %></div>
<div class="item"><%= image_tag "home_3.jpg", :title => "title", :class => "class" %></div>
<div class="item"><%= image_tag "home_4.jpg", :title => "title", :class => "class" %></div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>
<!-- yeild ends here -->
</div>
</div>
</div>
</div> <!--! end of .container -->
</div> <!--! end of #main -->
<div class="container">
<footer class="navbar navbar-fixed-bottom"><!--! TODO footer goes here -->
<nav class="navbar-inner">
</nav>
</footer>
</div>
</body>
</html>
家
“全部”%>
$（函数（）{
$（'.carousel'）。carousel({
间隔：假
});
});
“主页”，类别=>“徽标”%>
“title”，：class=>“class”%>
“title”，：class=>“class”%>
“title”，：class=>“class”%>
“title”，：class=>“class”%>
pause