Javascript 在页面加载时加载Twitter引导弹出窗口_Javascript_Jquery_Twitter Bootstrap

Javascript 在页面加载时加载Twitter引导弹出窗口

javascript jquery twitter-bootstrap

Javascript 在页面加载时加载Twitter引导弹出窗口,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我有以下引导弹出框： <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> 在文档末尾添加以下功能： <script> $(function () {

我有以下引导弹出框：

<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>

在文档末尾添加以下功能：

<script>
$(function ()
{ $("#example").popover(show);
});
</script>


$（函数（）
{$（“#示例”）.popover（show）；
});

但什么也没发生

在页面加载时，我什么也得不到。但是，当我在控制台中运行

$（'#示例'）.popover（'show'）

时，我使popover正常工作。加载页面后，如何才能显示弹出框？

您忘记了

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>


$（函数（）{
$（“#示例”）.popover（'show'）；
});

它对我有用。试试看。

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

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

我发现这样做很方便：

您可以触发“展示”并一次性设置选项：

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

使用jquerylike触发锚定标记的click事件

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

陛下它在铬上对我很好。你使用开发者工具还是Firebug？他们会立即告诉你，如果没有引号，这是行不通的<代码>未捕获引用错误：未定义show是的，当我在控制台中运行时，我得到了相同的结果，我添加了引号-都很好，但在页面加载时它不会触发您是否在自己的脚本之前包含jquery？是的，所有内容都加载，然后最后运行。Jquery在页面的其余部分运行良好我编辑了我的答案，并给出了一个在Chrome和FF中适用的完整示例。确保css和js文件的路径正确。这必须有效：）+1。。天哪，它起作用了<代码>$（'#elementToPointAt'）.popover（{'placement'：'bottom'，'content'：'Look at me！'}）.popover（'show'）.on（'click'，function（）{$（this）.popover（'hide'）；}）

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

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

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