Bootstrap 在悬停时显示弹出窗口和内容

Question

我正在使用 Bootstrap 5.2 版本，我的 html 上有弹出窗口。在我的代码中，当鼠标悬停弹出内容弹出窗口时，弹出窗口会隐藏自己。在鼠标悬停内容上，弹出窗口不应隐藏。如果你有维基百科的经验，我想要像维基百科弹出窗口一样。

HTML：

<span data-bs-toggle="popover" data-bs-trigger="hover" data-bs-placement="top" data-bs-content="This is a very beautiful popover, show some love." title="Popover title">
Popover on top
</span>

jQuery Javascript：

'use strict';

(function () {
  const popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
  const popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
    return new bootstrap.Popover(popoverTriggerEl);
  });
})();