Question

我已经尝试了一段时间让这个popover工作在我的项目上。请记住以下几点：

我真的没有任何CSS或JS功能的经验
我的head＆amp; footer部分位于include个文件
CSS＆amp; JS文件位于名为assets

话虽如此，这是我的button

<button type="button" class="btn btn-default" data-container="body" 
id="test" name="test" data-toggle="popover" data-placement="bottom" 
data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
  Popover on bottom
</button>

Bootstrap提供了一个JS代码来启动弹出功能：

$(document).ready(function () { 
$('#test').popover(options);
});

虽然我尝试了很多不同的选择但没有成功。我试图以不同的名称将JS脚本添加到我的文件中，并将其放在head区域中。我也试过使用divs但没有用。如果有人可以在这里提供帮助，并且可能会提供一个简短的解释，说明我做错了什么就会很棒。

Answer 1

这是popover的一个工作示例。检查你错过了什么。

POPOVER EXAMPLE LINK

OP观察到的解决方案：

包括jquery.min.js和bootstrap.min.js

然后，添加

<script> $(document).ready(function(){ $('[data-toggle="popover"]').popover(); }); </script>

启动弹出按钮脚本

1 个答案: