引导程序 3 弹出框在使用 AJAX 插入网页时不起作用

Question

我正在使用 AJAX 将 Bootstrap 3 弹出窗口插入我的网页。

我的弹出框：

<a class="popup" rel="popover" data-content="<a href='/<?php echo $link; ?>/' title='<?php echo $title; ?>'><?php echo $text; ?></a>" data-placement="right">
    Click here
</a>

我的

JavaScript（位于我的网页中</body>之前）：

<script>  
    $('.popup').popover({
        html: true
    })
</stript>

我的 AJAX 脚本可以完美地将弹出框 HTML 插入网页，但是当我单击"单击此处"时弹出窗口不起作用。如果我然后重新加载网页，弹出窗口就会起作用！

如何让弹出框在插入页面后立即工作。我不想刷新页面。

Answer 1

你应该使用切换，否则它可以工作一次。

只需添加data-toggle="popover"

<button type="button" data-toggle="popover" data-placement="top">
  Popover on top
</button