我正在开发一个ASP.net-mvc网络应用程序,它将在本地使用,因此它无法访问互联网。我使用“popper.js”库,它工作正常但弹出窗口没有任何样式(没有背景颜色,没有箭头,..)
我第一次使用nuget PM但它没有改变然后我试图手动添加“popper.css”,在这种情况下,如果我将“popper”类添加到引用对象,背景和角落将正确显示但箭头仍然没有不要出现。我猜js文件无法访问样式和图像文件,它可能有结构文件夹中的CSS和图像的集合,但我不知道我怎么能找到这些文件,我应该把它们放在哪里?
您可以通过为其提供修饰符对象来修改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知道渲染箭头的位置。