在Rails 3.2中的Twitter Bootstrap的“bootstrap-popover.js”中设置“popovers”样式

Question

使用Rails 3.2和Twitter Bootstrap“bootstrap-popover.js”和“bootstrap-tooltip.js”here

这就是我想要发生的事情：

当我将鼠标悬停在上面时：

 <li>
  <a href="#" class="thumbnail"><img src="http://placehold.it/125x100" alt=""></a>
 </li>

在“bootstrap-popover.js”和“bootstrap-tooltip.js”中，我有 $（'a'）。popover（placement：'top'）; 。

我可以指定哪些其他选项，以便弹出窗口显示在上图中，选项“标题”和“这里有一些令人惊叹的内容。它非常吸引人吗？”

这是我目前得到的照片：

感谢。

Answer 1

以下是您想要的实际示例： http://jsfiddle.net/chapmanc/DuKCg/4/

此外，您只需将javascript行放在一个地方。我通常使用我的所有自定义函数创建一个新的.js文件，并在我的页面中包含与包含popover和tooltip脚本相同的方式。

例如，文件的底部可能如下所示：

<script src="js/jquery.js" type="text/javascript"></script> 
<script src="js/bootstrap.js" type="text/javascript"></script>
<script src="js/bootstrap-tooltip.js" type="text/javascript"></script>
<script src="js/bootstrap-popover.js" type="text/javascript"></script>
<script src="js/customFunctions.js" type="text/javascript"></script>

customFunctions.js具有：

$('a').popover({placement:'right'});