Question

我正在使用Bootstrap3并且我想创建popover以显示在页面上或文档已加载然后在每个html元素上显示popover 不使用 悬停，点击，专注但它已经无法正常工作。

如果在加载页面后弹出窗口弹出窗口弹出窗口，我可以创建禁用按钮，这对我来说很容易点击隐藏弹出窗口？

<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

在弹出窗口设置中，触发器处于悬停状态。您可以将其更改为＆＃34; manual＆＃34;，并使用以下命令触发：

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

如何在不使用点击，悬停，焦点加载页面后进行自动加载弹出？

1 个答案: