Всплывающие окна Twitter Bootstrap не работают с динамически сгенерированным контентом

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

Я использую всплывающие окна Twitter Bootstrap. Похоже, что мои всплывающие окна работают с элементами, которые я вручную ввожу в свой HTML-документ -, но НЕ с элементами, которые я динамически генерирую с помощью Javascript/Ajax.

Например, всплывающее окно работает, если я вручную добавляю его непосредственно в свой HTML-документ :

hover for popover

. Но мне действительно нужно, чтобы мои динамически генерируемые элементы имели всплывающие окна. Я использую XMLHttpRequest для отправки запроса в файл PHP, а затем получаю текст ответа и отображаю его. Когда я добавляю эту строку кода в мой вышеупомянутый файл PHP:

 echo "

hover for popover

";

... конечно же, появляются слова «наведение для всплывающего окна» -, но само всплывающее окно не работает!

Это сводило меня с ума в течение некоторого времени, и было бы невероятно, если бы кто-то мог протянуть мне руку помощи! Я также добавил функцию JQuery, которую я использую для включения всплывающих окон Bootstrap ниже, для чего это стоит.

$(function (){
$("[rel=popover]").popover({placement:'left'});
}); 

Я провел тщательный поиск похожих проблем, и лучшее, что я смог найти, это эта ссылка . Но эта ссылка, похоже, тоже не имеет решений. Заранее спасибо еще раз!

ОБНОВЛЕНИЕ:

Исправлена! Большое спасибо всем, кто помог. Моя проблема заключалась в том, что функция вызывалась ДО того, как элементы были добавлены в объектную модель документа. Есть несколько возможных исправлений -Я просто протестировал решение, переместив всплывающую функцию в END функции Ajax, и это сработало!

20
задан Community 23 May 2017 в 10:30
поделиться