Question

我刚刚开始使用Bootstrap网站导览为我的项目使用Twitter Bootstrap Framework。

基本上我完成了所有必需的步骤，例如在文档末尾包含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>

将样式表添加到头部：

<!-- 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>

但每当我运行文档时，页面都不会运行游览。

任何想法在这里可能是错的？任何帮助将不胜感激。

Answer 1

试试这个：

$(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();
})();

有关详情jsFiddle

Answer 2

第一次之后无效。我尝试使用Chrome和Firefox

Bootstrap之旅似乎不起作用

2 个答案: