JavaScript не может загрузить всплывающую подсказку Bootstrap через Ajax

Question

JavaScript не может загрузить всплывающую подсказку Bootstrap через Ajax

я пытаюсь загрузить (через Ajax Call) всплывающую подсказку, название которой находится в тегах HTML. На первой странице загружается, когда она загружается include_once функция, подсказка работает нормально, но не тогда, когда я запускаю загрузку страницы с помощью Ajax Call. Вот мои файлы:

loadTable.php

    <?php
$content = "<a data-toggle='tooltip' data-html='true' title='<strong>ok</strong>'
<span class='glyphicon glyphicon-align-left'></span></a>";

echo $content;
?>

mypage.php

<button type="button" class="btn btn-primary" onclick="loadPage()">Load</button>
<div id="tableData">
<?php include_once('loadTable.php');?>
</div>

myjavascriptfile.js

function loadPage(){
$.ajax({
type: "POST",
url: "loadTable.php",
data:{
cache: false,
success: function(result){
$("#tableData").html(result);
}
});
}
}

NB: конечно, я упростил пример до крайности, просто для понимания и в целях простоты.

Заранее спасибо.

2

ajax javascript jquery php twitter-bootstrap-tooltip

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Благодаря DelightedD0D, решение состоит в том, чтобы повторно инициализировать всплывающие подсказки после Ajax Call.

В моем случае я добавил эту строку:
$ ( ‘[Данные переключение = «всплывающая подсказка»]’) всплывающая подсказка ().

function loadPage(){
$.ajax({
type: "POST",
url: "loadTable.php",
data:{
cache: false,
success: function(result){
$("#tableData").html(result);
$('[data-toggle="tooltip"]').tooltip();
}
});
}
}

Я надеюсь, что это помогает другим, у кого такая же проблема.

2