我不知道boostrap如何实现popover。
我已经包括bootstrap.js,它有一个名为Popover(大写字母P)的函数,但在他们的例子中,他们使用:
我已经包括bootstrap.js,它有一个名为Popover(大写字母P)的函数,但在他们的例子中,他们使用:
$('#example').popover(options)
现在,他们说它需要包括工具提示,但我不知道这是什么意思。
他们的例子都包括一堆.js文件,我认为在现实中,他们都包装在一起。
因为我在概念验证阶段,我试图让它第一次正确工作,我不关心文件大小或缓存。
解决方法
Here’s a pretty simple example:
<html> <head> <link href="http://w3resource.com/twitter-bootstrap/twitter-bootstrap-v2/docs/assets/css/bootstrap.css" rel="stylesheet"> </head> <body> <div class="container"> <div class="well"> <a href="#" id="example" class="btn btn-success" rel="popover" data-content="It's so simple to create a tooltop for my website!" data-original-title="Twitter Bootstrap Popover">hover for popover</a> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="http://w3resource.com/twitter-bootstrap/twitter-bootstrap-v2/js/bootstrap-tooltip.js"></script> <script src="http://w3resource.com/twitter-bootstrap/twitter-bootstrap-v2/js/bootstrap-popover.js"></script> <script> $(function (){ $("#example").popover(); }); </script> </body> </html>