我正在使用 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>
上面的代码我应该纠正什么? 请帮忙
最佳答案
在您的弹出窗口设置中,触发器位于悬停状态。 您可以将其更改为“手动”,并使用以下方式触发它:
$(".popover-examples a").popover("show");
关于javascript - 如何在页面加载后自动加载弹出窗口而不使用单击,悬停,焦点?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26883966/