popper.js 没有任何样式显示

Question

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

我第一次使用 nuget PM，但当时并没有改变 我尝试手动添加“popper.css”，在这种情况下，如果我将“popper”类添加到引用对象，背景和角会正确显示，但箭头仍然不显示。 我猜 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 元素，以便弹出器知道在哪里呈现箭头。