啟動彈出按鈕腳本

Question

我已經嘗試了一段時間，以使該彈出窗口在我的項目中起作用。 謹記以下幾點：

• 我真的對CSS或JS函數沒有任何經驗
• 我的head和footer部分位於include文件中
• CSS和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

這是彈出窗口的工作示例。 檢查您錯過了什么。

彈出示例鏈接

OP觀察到的解決方案：

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

然后加

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