在页面加载上加载Twitter Bootstrap Popover

我有以下BootStrap popover：

HEY 

我希望在页面加载时显示它，所以我补充说

 $('#example').popover('show') 

在文档末尾的函数如下：

  $(function () { $("#example").popover(show); });  

但什么都没发生。

在页面加载时我什么都没得到。 然而，当我在控制台中运行$('#example').popover('show')时，我得到了popover工作。 如何在页面加载时显示popover？

Answer 1

我觉得这样方便：

你可以一举触发’show’并设置选项：

 $('#elementToPointAt').popover({ 'placement':'bottom', 'content':'Look at me!' }).popover('show'); 

Answer 2

你忘记了show的引号。 这有效：

 $(function () { $("#example").popover('show'); }); 

完整的例子是：

       HEY       

Answer 3

 $(document).ready(function(){ window.setTimeout("$('#example').popover('show')",1000); } 

这个对我有用。 试试看。

Answer 4

在窗口加载后运行它，如下所示：

 $(window).load(function(){ $("#example").popover('show'); }); 

Answer 5

使用jQuery触发该锚标记的click事件

 $('[id$='example' ]').trigger("click"); 

Answer 6

 $("#example").popover({'placement':'bottom'}).popover('show');