javascript - 启动弹出按钮脚本

Question

我已经尝试了一段时间让这个弹出窗口在我的项目中运行。请记住以下几点:

• 我真的没有任何 CSS 或 JS 函数的经验
• 我的 head 和 footer 部分位于 include 文件中
• CSS 和 JS 文件位于名为 assets 的文件夹中

话虽这么说，这是我的按钮

<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代码来启动popover功能:

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

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

Answer 1

这是一个弹出窗口的工作示例。检查您错过了什么。

POPOVER EXAMPLE LINK

OP观察到的解决方案:

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

然后，添加

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