Bootstrap 4 工具提示

Question

我正在使用 Bootstrap 4 在我的 web 頁面上創建工具提示。 但不知何故，工具提示無法正常工作。 下面是相同的代碼：

<a href="#reserve-table" class="btn btn-warning" role="button" data-toggle="tooltip" data-html="true" data-placement="top" title="or Call us at<br><strong>+852 1234 5678</strong>">Reserve Table</a>

我已包含以下文件：

bootstrap.min.js
bootstrap.min.css

我還使用以下 js 代碼激活了工具提示：``

$(document).ready(function() { $('[data-toggle="tooltip"]').tooltip(); });

有人可以幫忙嗎？ 這是工具提示在我的 web 頁面上的外觀。 網頁上的工具提示

Answer 1

如果目標是准備好后在頁面上顯示工具提示，您可以使用： .tooltip('show')或.tooltip('toggle')繞過默認的 hover 觸發器。

從這里有更多用於工具提示的 javascript 選項： https://getbootstrap.com/docs/4.5/components/tooltips/#options

Answer 2

嘗試添加nav-link class 以及 btn 和 btn-warning。 還要確保所有的 JS 文件都是有序的，即首先你有 jquery，而不是 popper 和 bootstrap.min.js。