[英]Load a Twitter Bootstrap Popover on Page load
我有以下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？
我覺得這樣方便：
你可以一舉觸發'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>
在窗口加載后運行它，如下所示：
$(window).load(function(){
$("#example").popover('show');
});
$("#example").popover({'placement':'bottom'}).popover('show');
$(document).ready(function(){
window.setTimeout("$('#example').popover('show')",1000);
}
這個對我有用。 試試看。
使用jQuery觸發該錨標記的click事件
$('[id$='example' ]').trigger("click");
加載圖像后，彈出窗口Twitter Bootstrap Popover沒有顯示在正確的位置
[英]Popup Twitter Bootstrap Popover not showing at correct place after image load
如何在Twitter引導程序輪播中加載頁面后隱藏左鍵？
[英]How to hide left button after page load in Twitter bootstrap carousel?
在頁面加載時運行javascript代碼（twitter-bootstrap彈出窗口）
[英]Run javascript code on page load (twitter-bootstrap popup)
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.