javascript - 如何在页面加载后自动加载弹出窗口而不使用单击，悬停，焦点？

Question

我正在使用 Bootstrap3，我想创建弹出窗口以显示在页面或已加载的文档上，然后在每个 html 元素上显示弹出窗口不使用悬停，< strong>点击，焦点但它并没有达到我想要的效果。

当页面加载后弹出弹出窗口时，如何在弹出窗口上创建禁用按钮，这对我来说很容易单击隐藏弹出窗口？

<script type="text/javascript">

    $(document).ready(function(){
        $(".popover-examples a").popover({
            placement:'auto',
            title : 'a',
            animation:true, 
            trigger:'hover',
            content:'a',
//                  delay: { show: 0, hide: 5000000 },
            container:'body',
            viewport:'#viewport',
            template:'<div class="popover"><div class="arrows"></div><input type="button" class="btn btn-warning btn-sm hide-popover" value="Hide"><h3 class="popover-titles">popver-title</h3><div class="popover-contents">contina;lkjdfaksljdf;lajsjdf;asdjfaldsf</div></div>',
            });
     });

      $(".hide-popover").click(function(){
            $("button.popover-examples").popover('hide');
     }); 
</script>

这里是html元素

<td  class="popover-examples">
     <a data-toggle="popover"  href="<?php echo base_url('invoice/edit');?>">
         Received Date
     </a>
</td>

上面的代码我应该纠正什么？请帮忙

Answer 1

在您的弹出窗口设置中，触发器位于悬停状态。您可以将其更改为“手动”，并使用以下方式触发它:

$(".popover-examples a").popover("show");