我在这里发帖后阅读帖子,仍然无法获得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出现!然而,引导程序网站上的演示弹出窗口可以正常工作,因此我的浏览器无法解决问题...
任何提示?
答案 0 :(得分:1)
它表现得很奇怪的原因是你可能会遗漏一些脚本包括。
看看这个简约的演示,在你的页面中添加它,你应该进行排序。
希望这有助于:)
<强>脚本强>
<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'
});
答案 1 :(得分:0)
好的......我终于使用了js菜单和popover。看起来popover需要首先加载工具提示。
在vendor/assets/javascripts/bootstrap/bootstrap.js
中,我必须将//=require ./tooltip.js
移到//=require ./popover.js
以上才能完美。
再次感谢您的帮助。