Всплывающая подсказка начальной загрузки не работает, когда я использую jQuery для добавления элементов всплывающей подсказки

Question

как вы, ребята? У меня вопрос, если кто-нибудь может мне помочь, я буду благодарен.

в тот момент, когда я использовал некоторые функции начальной загрузки, например, этот код ниже.Я использую загрузочную версию 3

<div class="col-lg-12 col-md-12 col-xs-12  div_challenger" style="background-color: #somecolor; color:someTextColor;"
    data-toggle="tooltip" data-placement="right" title="some text here!!!">
    <span class="some icon"></span>
    <b>some title</b>
    <input type="hidden" value="somevalue" name="inputChallengerSelected">
</div>

, этот код хорошо работает в HTML-файле.Но когда я использую элемент дополнения Jquery, это не работает так же, как код

, использующий добавление jquery.

<button id="someid" onclick="addElement()"> ADD element </button>
<div id="addhere"> </div>

теги сценария

<script>
function addElement(){
   let ElementToAdd = `    <div class="col-lg-12 col-md-12 col-xs-12  div_challenger" style="background-color: #somecolor; color:someTextColor;"
    data-toggle="tooltip" data-placement="right" title="some text here!!!">
    <span class="some icon"></span>
    <b>some title</b>
    <input type="hidden" value="somevalue" name="inputChallengerSelected">
</div>`
 $('#addhere').append(ElementToAdd)
}

, есликто-то говорит мне, почему это происходит, я буду полностью признателен

Answer 1

Взгляните на это: Как связать всплывающую подсказку с динамическими элементами

Чтобы заставить динамически внедренную подсказку работать, вы должны инициализировать плагин всплывающей подсказки, используя элемент, которыйсуществует уже после загрузки страницы, например body.Это должно тогда работать.

Answer 2

Простой ответ - Bootstrap = CSS + JS.Попробуйте скрыть элемент при загрузке и когда вам нужно показать.