Bootstrap popover 不起作用 - 即使从其他帖子中复制了工作示例答案

【问题标题】：Bootstrap popover does not work - Even after copying working examples from other postsBootstrap popover 不起作用 - 即使从其他帖子中复制了工作示例
【发布时间】：2013-12-23 21:50:38
【问题描述】：

我已经阅读了一个又一个帖子，但仍然无法让引导弹出窗口在 Rails 中工作！

这是我正在使用的当前代码。

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

还有按钮：

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

不过，我绝对不会尝试让弹出框出现！引导网站上的演示弹出窗口确实可以工作，所以我的浏览器不会有问题...

有什么建议吗？

【问题讨论】：

你是如何包含 Bootstrap 的？
如果您在文档准备好之前运行脚本，它将无法工作，请尝试将脚本放在正文末尾或使用文档准备好

标签： jquery ruby-on-rails twitter-bootstrap-3 popover

【解决方案1】：

演示 http://jsfiddle.net/YHPNt/

它表现得很奇怪的原因是因为你可能缺少一些脚本包含。

看看这个简约的演示，将其添加到您的页面中，您应该会被排序。

希望这有助于:)

脚本

  <script type='text/javascript' src='//code.jquery.com/jquery-1.9.1.js'></script>

  <script type='text/javascript' src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>

  <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">

代码

<p> TEst HULK </p>
<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>

JQ码

$('#myPopover').popover({
    trigger: 'hover',
        'placement': 'top'
});

【讨论】：

感谢大家的回复！似乎这是缺少的行：我不明白为什么它需要这个 js 组件......但引导程序的其余部分工作正常。正如你所建议的，我一定在某处遗漏了一个包含。再次感谢您的帮助！
@mike_eddie 很高兴它有帮助！ :)
好的——不像我想象的那么固定！如果我包含该行，则弹出框可以工作，但菜单不会。如果我不包括该行，菜单有效，弹出框不！

【解决方案2】：

好的...我终于可以同时使用 js 菜单和弹出框了。似乎弹出框需要先加载工具提示。

在vendor/assets/javascripts/bootstrap/bootstrap.js 中，我必须将//=require ./tooltip.js 移到//=require ./popover.js 上方，现在可以完美运行。

再次感谢你们的帮助。

【讨论】：