在页面加载上加载Twitter Bootstrap Popover
[英]Load a Twitter Bootstrap Popover on Page load
问题描述
I have the following BootStrap popover: 
我有以下BootStrap popover：
<a href='#' id='example' rel='popover' data-placement='left' data-content='Its so simple to create a tooltop for my website!' data-original-title='Twitter Bootstrap Popover'>HEY</a>
And I want to show it when the page loads, so I added 我希望在页面加载时显示它，所以我补充说
$('#example').popover('show')
to a function as follows at the end of the document: 在文档末尾的函数如下：
<script>
$(function ()
{ $("#example").popover(show);
});
</script>
but nothing happened. 但什么都没发生。
On page load I get nothing. 在页面加载时我什么都没得到。 However when I run $('#example').popover('show') in the console I get the popover working. 但是当我在控制台中运行$('#example').popover('show')时，我得到了popover工作。 How can I make the popover be shown when the page has loaded? 如何在页面加载时显示popover？
6 个解决方案
解决方案1
12 2014-02-18 22:21:20
I found this way to be convenient: 我觉得这样方便：
You can trigger the 'show' and set options in one fell swoop: 你可以一举触发'show'并设置选项：
$('#elementToPointAt').popover({
'placement':'bottom',
'content':'Look at me!'
}).popover('show');
解决方案2
3 2012-10-05 16:11:42
You forgot the quotes for show . 你忘记了show的引号。 This works: 这有效：
$(function () {
$("#example").popover('show');
});
Full example would be: 完整的例子是：
<!DOCTYPE html>
<html lang="en">
<head>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<a href='#' id='example' rel='popover' data-placement='right' data-content='Its so simple to create a tooltop for my website!' data-original-title='Twitter Bootstrap Popover'>HEY</a>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
<script>
$(function() {
$("#example").popover('show');
});
</script>
</body>
</html>
解决方案3
0 2013-04-16 18:14:19
Run it after window is loaded like so: 在窗口加载后运行它，如下所示：
$(window).load(function(){
$("#example").popover('show');
});
解决方案4
0 2015-01-12 04:15:14
$("#example").popover({'placement':'bottom'}).popover('show');
解决方案5
-1 2012-11-08 06:16:56
$(document).ready(function(){
window.setTimeout("$('#example').popover('show')",1000);
}
It works for me. 这个对我有用。 Try it out. 试试看。
解决方案6
-1 2014-08-30 07:49:51
使用jQuery触发该锚标记的click事件
$('[id$='example' ]').trigger("click");
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.