5

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

そして、ページの読み込み時に表示したいので、追加しました

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

ドキュメントの最後に次のような関数を追加します。

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

しかし、何も起こりませんでした。

ページの読み込み時に何も得られません。ただし$('#example').popover('show')、コンソールで実行すると、ポップオーバーが機能します。ページが読み込まれたときにポップオーバーを表示するにはどうすればよいですか?

4

6 に答える 6

12

私はこの方法が便利だと思いました：

「表示」をトリガーして、オプションを一気に設定できます。

$('#elementToPointAt').popover({
   'placement':'bottom',
   'content':'Look at me!'
}).popover('show');
于 2014-02-18T22:21:20.587 に答える
3

の引用符を忘れました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>
于 2012-10-05T16:11:42.033 に答える
0 
$("#example").popover({'placement':'bottom'}).popover('show');
于 2015-01-12T04:15:14.820 に答える
0

ウィンドウがロードされた後、次のように実行します。

$(window).load(function(){
  $("#example").popover('show');
});
于 2013-04-16T18:14:19.340 に答える
-1 
$(document).ready(function(){

window.setTimeout("$('#example').popover('show')",1000);

}

わたしにはできる。やってみて。

于 2012-11-08T06:16:56.427 に答える
-1

次のようなjQueryを使用して、そのアンカータグのクリックイベントをトリガーします

$('[id$='example' ]').trigger("click");
于 2014-08-30T07:49:51.837 に答える