Bootstrap之旅不适用于MVC

时间:2014-04-18 18:43:51

标签: javascript asp.net-mvc twitter-bootstrap

我在我的MVC应用程序中使用Bootstrap游览功能。为了实现导览,我已经完成了以下引导链接中提到的所有内容

但仍然没有为我的应用程序运行游览。

我已经在使用boostrap,所以我正在使用以下文件

  

如果您使用的是Bootstrap,请包含bootstrap-tour.min.css和bootstrap-tour.min.js:

然后在$(document).ready(function(){

上的索引文件中所需的Javascript代码
// 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();

// Start the tour
tour.start();

如果有人知道这里出了什么问题。

1 个答案:

答案 0 :(得分:0)

我在MVC5中使用bootstrap tour。我相信你已经掌握了一切。 请检查以下地点:

  1. tour css和js在bootstrap之后被引用,以及jquery;
  2. 确保#my-element确实存在,alert($("#my-element").html());等。
  3. 像tr这样的东西不能成为一个元素。
  4. 使用tour.restart()代替start()。因为您可能在这里遇到了我的问题:Bootstrap tour needs to clear cache to work again