twitter-bootstrap – bootstrap popover

发布时间：2020-12-18 00:06:46 所属栏目：安全来源：网络整理

导读：我不知道boostrap如何实现popover。我已经包括bootstrap.js，它有一个名为Popover(大写字母P)的函数，但在他们的例子中，他们使用： $('#example').popover(options) 现在，他们说它需要包括工具提示，但我不知道这是什么意思。他们的例子都包括一堆.js文

我不知道boostrap如何实现popover。
我已经包括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>

该示例包含您还需要的工具提示JavaScript。只需查看页面的源代码。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!