自助游沒有工作
[英]bootstrap tour no working
問題描述
自助游沒有工作
<pre> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css" rel="stylesheet"> <link href="bootstrap-tour.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <br/> <div class="container"> <button class="btn" id="tour-go">Start the tour!</button> <br/> <div class="row"> <div class="col-md-4"> <div class="panel panel-default" id="my-element"> <div class="panel-heading"> <h3 class="panel-title">Panel title 1</h3> </div> <div class="panel-body"> Panel content 1 </div> </div> </div> <div class="col-md-4"> <div class="panel panel-default" id="my-other-element"> <div class="panel-heading"> <h3 class="panel-title">Panel title 2</h3> </div> <div class="panel-body"> Panel content 2 </div> </div> </div> <div class="col-md-4"> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">Panel title 3</h3> </div> <div class="panel-body"> Panel content 3 </div> </div> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <script src="bootstrap-tour.js"></script> <script> // Instance the tour var tour = new Tour({ steps: [ { element: "#my-element", title: "Title of my step", content: "Content of my step" }, { element: "#my-other-element", title: "Title of my step", content: "Content of my step" } ]}); // Initialize the tour tour.init(); $('#tour-go').click(function () { // Start the tour tour.start(); }); </script> </body> </html> </pre>
1 個解決方案
解決方案1
0 已采納 2015-12-15 08:54:16
我在網站上使用了Bootstrap導覽。 導覽第一次工作，然后停止工作。 我該如何解決此錯誤？
[英]I used Bootstrap tour on my site. The tour works for the first time and then, it stops working. How do i resolve this error?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.