Всплывающие подсказки Bootstrap не работают (хотя они отображаются в DOM)

Я пытаюсь использовать функцию всплывающей подсказки начальной загрузки для динамически созданного набора div, и когда я нахожусь в инспекторе Chrome, я вижу, что сам div изменен, как и предполагалось (значение заголовка передается в data-original-title) И что сгенерированный div всплывающей подсказки добавляется, как ожидалось (либо рядом с моим div, либо в теле, если я установил его), но ничего не появляется. После некоторого поиска я нашел jsfiddle, объясняющий решение другой проблемы, связанной с всплывающей подсказкой, но обнаружил, что у него точно такая же проблема. Я упростил его, чтобы вы могли убедиться сами: http://jsfiddle.net/uDF4N/95/

<a id="hop" data-placement="bottom" data-toggle="tooltip" title="Apps">coucou</a>

Как видите, при наведении курсора всплывающая подсказка появляется в DOM, но не отображается. Я тоже пробовал с IE11.

Есть идеи, что я делаю не так?


person r0dy    schedule 07.11.2017    source источник
comment
Кто-то уже оставил комментарий, а затем удалил его. Я просто собирался проголосовать за. Чтобы решить эту проблему, просто удалите лишний файл bootstrap.min.js, и он заработает. Вы включаете Bootstrap, я думаю, 2 раза в этом jsfiddle   -  person Nick Timmer    schedule 08.11.2017
comment
@NickTimmer Это был я, я подумал о том, чтобы опубликовать большой блок кода в качестве комментария, поэтому я удалил его и вместо этого собирался опубликовать ответ. Я думаю, что вы подходящий человек для этой работы :)   -  person Master Yoda    schedule 08.11.2017
comment
нет. вы публикуете свой ответ :) @MasterYoda   -  person Nick Timmer    schedule 08.11.2017
comment
Хорошо, спасибо, ребята :)   -  person r0dy    schedule 09.11.2017


Ответы (1)


введите здесь описание изображения

Вы включаете bootstrap.min.js дважды. просто удалите один. http://jsfiddle.net/uDF4N/97/

Скопировано из комментария @ MasterYoda

person Nick Timmer    schedule 07.11.2017
comment
На самом деле он работает с jsfiddle, но это не решило проблему на моем сайте: если я удалю строку включения начальной загрузки, когда я вызываю функцию tooltip (), она говорит: Uncaught TypeError: point.tooltip is not a function и bootstrap документация говорит, что вы должны включить popper.min.js перед bootstrap.js или использовать bootstrap.bundle.min.js / bootstrap. bundle.js - person r0dy; 09.11.2017
comment
Я переключился на функцию всплывающей подсказки jquery-ui, работает нормально. - person r0dy; 09.11.2017