Блог

Главная - Вопросы по программированию - как настроить ‘bootstrap tour’ в Ruby on Rails

как настроить ‘bootstrap tour’ в Ruby on Rails

#javascript #css #ruby-on-rails #ruby #twitter-bootstrap

#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. Как насчет того, чтобы проверить это вместо того, чтобы делать это по-своему? rubygems.org/gems/bootstrap-tour-rails/versions/0.4.0 драгоценный камень, сверток, войла

Ответ №1:

Я должен задать несколько вопросов, надеюсь, они уже помогут вам.

Какое сообщение об ошибке вы получаете (если есть?) Я думаю, что bootstrap-tour полагается на bootstrap, вы это настроили? Вы использовали application.js / application.css? Или application.css.scss в случае, если вы используете драгоценный камень bootstrap-sass?

Используете ли вы драгоценный камень ‘boostrap-tour-rails’ или используете обычный css?

Комментарии:

1. спасибо, кьелл, мне потребовались как application.css, так и application.js .. теперь я попробую bootstrap-tour-rails gem 🙂

2. Гм … под «требовать оба application.css …» вы имели в виду, что включили их в свою страницу просмотра? В этом не должно быть необходимости, rails сделает это за вас.

3. просто оставьте это kjell .. теперь я использовал драгоценный камень ‘boostrap-tour-rails’ .. но у меня есть application.scss.. когда я добавляю ‘*= require bootstrap-tour’, я получил сообщение об ошибке.. например, ‘Sprockets::FileNotFound’

Метки: