#html.slim
= link_to 'Tasks', '#', data: {content: ("And here's some amazing content. It's very engaging. Right?"), placement: "bottom", toggle: "popover", trigger: "click", template: '<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-header">Driver Compliance Management <span class="badge badge-success">Advanced</span></h3><div class=popover-body><p><small>Easily keep your drivers current and compliant</small></p><ul><li>Build a driver’s DQ file without any extra work</li><li>Avoid expirations with automated notifications</li><li>Access records from any device</li></ul></div><div class="popover-footer"><button type="button" class="btn btn-success btn-block ">Start Free Trial</button></div></div>' }
javascript:
$('[data-toggle="popover"]').popover();
Этот код работает правильно без веб-упаковщика, но когда я попытался использовать его с веб-пакетом, он не отображается правильно.
С помощью веб-пакета я могу показывать только: «А вот какой-то потрясающий контент. Он очень интересный.Это контент, но я попытался удалить этот контент, перешел на js, ничего не получилось.
Снимок экрана: https://drive.google.com/open?id=1Ul75ERpFJ6gQnQV43uEkyAR64yN_4WV9