如何在Ruby on Rails中设置'bootstrap tour'

时间:2016-10-17 09:37:54

标签: javascript css ruby-on-rails ruby twitter-bootstrap

我使用了bootstrap-tour.min.css和bootstrap-tour.min.js

<script type="text/javascript" src='bootstrap-tour.min.js'></script>
<link rel="stylesheet" type="text/css" href="bootstrap-tour.min.css">

这是我的观看页面

<form>
    <input id="one" value="one" />
    <input id="two" value="two" />
</form>

这是我的js文件

// Instance the tour
$(function () {
    var tour = new Tour();
    tour.addStep({
        element: "#one",
        title: "Step 1",
        content: "Content for step 1"
    });

    tour.addStep({
        element: "#two",
        title: "Step 1",
        content: "Content for step 1"
    });

    // Initialize the tour
    tour.init();

    // Start the tour
    tour.start();

});
// tour end

但仍然没有工作..有人帮助我:(!...

1 个答案:

答案 0 :(得分:0)

我不得不回答一些问题,希望他们已经帮到你了。

您收到了什么错误消息(如果有的话?) 我认为bootstrap-tour依赖于bootstrap,你设置了吗? 你使用了application.js / application.css吗?或者application.css.scss,以防你使用bootstrap-sass gem?

您使用的是'boostrap-tour-rails',还是包括普通的CSS?