Bootstrap popover不起作用 - 即使在从其他帖子复制工作示例之后也是如此

时间:2013-12-23 21:50:38

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

我在这里发帖后阅读帖子,仍然无法获得bootstrap popover在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> 

我尝试的绝对不会让popover出现!然而,引导程序网站上的演示弹出窗口可以正常工作,因此我的浏览器无法解决问题...

任何提示?

2 个答案:

答案 0 :(得分: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'
});

enter image description here

答案 1 :(得分:0)

好的......我终于使用了js菜单和popover。看起来popover需要首先加载工具提示。

vendor/assets/javascripts/bootstrap/bootstrap.js中,我必须将//=require ./tooltip.js移到//=require ./popover.js以上才能完美。

再次感谢您的帮助。