Отсутствует эффект переключения шкалы Ликерта - Bootstrap с Blaze Meteor - PullRequest
0 голосов
/ 09 января 2020

У меня есть следующее html, отображающее шкалу 1-5, я получаю значение, по которому щелкают, но кажется, что оно не переключает или не меняет цвет при нажатии на число, оно только временно меняет цвет, как показано на файл прикреплен

<div class="row">
    <div class="btn-toolbar mr-2" role="toolbar" aria-label="Toolbar with button groups">
        <div class="btn-group" role="group" aria-label="likert group">
            <div class="btn-group btn-group-toggle mr-2" data-toggle="buttons">
                <a class="btn btn-link disabled ml-5" disabled>Totally Not</a>
                    <label class="btn btn-success" >
                        <input type="radio" name="likert" value="1" autocomplete="off">1
                    </label>
                    <label class="btn btn-success ">
                        <input type="radio" name="likert" value="2" autocomplete="off">2
                    </label>
                    <label class="btn btn-success ">
                        <input type="radio" name="likert" value="3" autocomplete="off">3
                    </label>
                    <label class="btn btn-success ">
                        <input type="radio" name="likert" value="4" autocomplete="off">4
                    </label>
                    <label class="btn btn-success ">
                        <input type="radio" name="likert" value="5" autocomplete="off">5
                    </label>
                <a class="btn btn-link disabled" disabled>Very Much</a>
            </div>
        </div>
    </div>
</div>

enter image description here

Как мне сохранить эффект переключения после его выбора? Чего-то не хватает в приведенном выше коде? (Я использую фреймворк Meteor Blaze с Bootstrap 4)

1 Ответ

0 голосов
/ 13 января 2020

Решением было добавить следующий javascript файл модуля npm в метеор js файл

import 'bootstrap/dist/js/bootstrap.bundle'
...