Cha*_*ies 4 javascript jquery twitter-bootstrap
我有以下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>
我希望在页面加载时显示它,所以我补充说
$('#example').popover('show')
在文档末尾的函数如下:
<script>
$(function ()
{ $("#example").popover(show);
});
</script>
但什么都没发生.
在页面加载时我什么都没得到.但是,当我$('#example').popover('show')在控制台中运行时,我得到了popover工作.如何在页面加载时显示popover？
小智 12
我觉得这样方便:
你可以一举触发'show'并设置选项:
$('#elementToPointAt').popover({
'placement':'bottom',
'content':'Look at me!'
}).popover('show');
您忘记了 的引号show。这有效：
$(function () {
$("#example").popover('show');
});
完整的例子是：
<!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>
| 归档时间： |
|
| 查看次数： |
19059 次 |
| 最近记录： |