Bootstrap tour n.data(...). Tip не является функцией
Я пытаюсь интегрировать загрузчик на моем сайте.
Я получаю следующую ошибку:
Uncaught TypeError: n.data (...). Tip не является функцией
Я загружаю свои ресурсы так:
<link href="<?=base_url()?>assets/css/bootstrap-tour.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<script defer="defer" src="<?=base_url()?>assets/js/bootstrap-tour.min.js" type="text/javascript"></script>
и, на мой взгляд, я выполняю это:
<script type="text/javascript">
$(document).ready(function() {
// Instance the tour
var tour = new Tour({
steps: [
{
element: "#adminvolunteers",
title: "Title of my step",
content: "Content of my step"
},
{
element: "#adminorganizations",
title: "Title of my step",
content: "Content of my step"
}
]});
// Initialize the tour
tour.init();
// Start the tour
tour.start();
});
</script>
Если я удаляю отсрочку в загрузке скрипта, я получаю следующую ошибку:
Uncaught TypeError: n.popover не является функцией
1 ответ
Я решил ту же проблему, используя автономную версию. Итак, я скачал последний релиз с github в GitHub Repository Bootstrap-tour и добавил контент на свою веб-страницу в следующем порядке:
boostrap.min.css
(я использую версию 4.1.0)boostrap-tour-standalone.min.css
- JQuery (версия 3.2.1)
bootstrap.min.js
(версия 4.1.0)bootstrap-tour-standalone.min.js
и это нормально.
Я перешел на Bootstrap Tourist, поскольку автономная версия, предложенная в другом ответе, вызывает некоторые проблемы с дизайном с начальной загрузкой (последняя версия).
Bootstrap Tourist очень похож на Bootstrap Tour и дает гораздо больше настроек.