popper.js 没有任何样式出现

Question

我正在开发一个 ASP.net-mvc 网络应用程序，它将在本地使用，因此它无法访问互联网。我使用了 "popper.js" 库，它工作正常但弹出窗口没有任何样式（没有背景颜色，没有箭头，..）

我第一次使用 nuget PM 但它并没有改变我尝试手动添加 "popper.css" ，在这种情况下，如果我将 "popper" class 添加到参考对象，背景和角落会正确显示，但箭头仍然不显示。我猜 js 文件无法访问样式和图像文件，它可能在结构文件夹中有 css 和图像的集合，但我不知道如何找到这些文件以及我应该把它们放在哪里？

Answer 1

您可以通过给它一个修饰符对象来修改 Popper.js：https://popper.js.org/popper-documentation.html#modifiers

要启用箭头，您可以向它传递一个对象，如下所示：

var tooltip = new Tooltip($(this), {
   placement: 'top',
   popperOptions: {
      modifiers: {
         preventOverflow: {
            enabled: false
         },
         arrow: {
            enabled: true,
            element: anchorElement
         }
      }
   }
});

箭头元素必须是 DOM 元素，以便 popper 知道在哪里呈现箭头。

popper.js 没有任何样式出现

popper.js shows up without any style

popper.js