popper.js显示没有任何样式

Question

我正在开发一个ASP.net-mvc Web应用程序，该应用程序将在本地使用，因此无法访问Internet。 我使用了“ popper.js”库，它可以正常工作，但是弹出窗口没有任何样式（没有background-color，没有arrow，..）

我第一次使用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
         }
      }
   }
});

arrow元素必须是DOM元素，这样弹出器才能知道在何处呈现箭头。