Javascript 引导程序似乎不起作用

Javascript 引导程序似乎不起作用,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我刚刚开始在我的项目中使用Bootstrap网站教程,该项目使用的是Twitter Bootstrap框架 基本上我完成了所有必要的步骤,比如在文档末尾包含js文件: <!-- Bootstrap tour --> <script src="dist/js/bootstrap.min.js"></script> <script src="dist/js/bootstrap-tour.min.js"></script> <scrip

我刚刚开始在我的项目中使用Bootstrap网站教程,该项目使用的是Twitter Bootstrap框架

基本上我完成了所有必要的步骤,比如在文档末尾包含js文件:

<!-- Bootstrap tour -->
<script src="dist/js/bootstrap.min.js"></script>
<script src="dist/js/bootstrap-tour.min.js"></script>
<script>
// Instance the tour
var tour = new Tour({
  steps: [
  {
    element: "#myModal",
    title: "Title of my step",
    content: "Content of my step"
  }
]});

// Initialize the tour
tour.init();

// Start the tour
tour.start();
</script>

//举例说明这次旅行
var tour=新的tour({
步骤:[
{
元素:“#myModal”,
标题:“我的步骤的标题”,
内容:“我的步骤的内容”
}
]});
//初始化巡更
tour.init();
//开始旅行
tour.start();
并将样式表添加到标题部分:

<!-- Bootstrap Tour -->
<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" href="dist/css/bootstrap-tour.min.css">

以下是html部分:

<div class="box box-primary" id="myModal">
...
</div>

...
但每当我运行文档时,页面都不会运行巡更


你知道这里有什么问题吗?任何帮助都将不胜感激。

试试这个:

$(function () {
    var tour = new Tour();
    tour.addStep(
    {
      element: "#myModal",
      title: "Title of my step",
      content: "Content of my step"
    });

    // Initialize the tour
    tour.init();
        tour.start();
})();

有关更多检查,请参见第1次后该功能不起作用。我尝试了Chrome和Firefox