Twitter bootstrap 自举爆米花

我不确定boostrap是如何实现popover的。 我已经包括bootstrap.js，它有一个名为Popover（大写P）的函数，但在他们的示例中，他们使用：

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

现在，他们说需要包括工具提示，但我不知道这意味着什么。 他们的示例都包括一堆.js文件，我认为实际上它们都打包在一起了

由于我正处于概念验证阶段，第一次尝试让它正常工作，所以我不关心文件大小或缓存。

:

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

---

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

中包含的bootstrap.js版本已经包含编译到其中的所有插件。这包括bootstrap tooltip.js和bootstrap popover.js

Popover

是jQuery插件的构造函数对象，但您不需要直接实例化它

该插件将扩展jQuery，添加方法

$.fn.popover（）

，调用该方法时将创建popover对象的实例并将其附加到所选元素。可以使用

$（'#elem'）.data（'popover'）

在元素上访问该对象（例如，

id=“elem”

）

下面是一个简单的示例，演示了创建弹出窗口的一种方法，基本上是使用OP中的内容，

$（'#elem'）.popover（）

---

---

更新：

为什么popover和工具提示在bootsrap中不起作用

答案是popover或工具提示初始化代码

$（“#myButton”）.popover（）应放在
下和

像下面的程序一样。我想可以

<button type="button" id="myPopover" class="btn btn-default" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">
      Popover on Right
</button>

<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>

<script type="text/javascript">
      $('#myButton').tooltip();
      $('#myPopover').popover();
</script> 


右边的爆米花
$（'#myButton'）。工具提示（）；
$（'#mypover'）.popover（）；
Q：当我说：$（'myId'）.popover（）时；我得到TypeError:$（“#myId”）。popover不是一个函数。如果下载bootstrap-popover.js文件，则popover（函数）的定义是从第77.ooohh行定义的。所以我必须包括bootstrap.js、bootstrap-tooltip.js和bootstrap-popover.js，所有这三个？是的！！！所有三个。。。popover扩展了引导工具提示。请参见
bootstrap popover.js
Zoik！为什么他们不能为我们初学者提供它呢？我看到您正在使用bootstrap-tooltip.js和bootstrap-popover.js来最小化足迹。但我只想让它工作，我不关心文件大小。bootstrap.js文件中不包含popover和工具提示吗？不，popover被视为插件（模式、工具提示、折叠等），因此它不包含在主bootstrap.js文件中。您可以将popover代码添加到bootstrap.js中，或者使用minify压缩多个javascript文件以最小化占用空间？我真的不在乎脚印。我只是第一次尝试让它正常工作。使用rel属性，很容易将所有工具提示（或弹出框）定位在一个页面上，比如so
$（“[rel=tooltip]”）。tooltip（）
，下面是另一个值得一看的好参考：@ZAD Man-插件可以单独包含（使用引导的单个*.js文件），或者一次完成所有操作（使用bootstrap.js或缩小的bootstrap.min.js）-摘自本页：
<button type="button" id="myPopover" class="btn btn-default" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">
      Popover on Right
</button>

<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>

<script type="text/javascript">
      $('#myButton').tooltip();
      $('#myPopover').popover();
</script>