如何在 Ruby on Rails 中设置“引导之旅”

Question

我使用了 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

但仍然无法正常工作..任何人都可以帮助我:(！...

Answer 1

我要问一些问题，希望他们已经帮助你。

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

您使用的是 gem 'boostrap-tour-rails'，还是包含纯 css？