问题标签 [popper]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
vue.js - 选择菜单项时如何关闭 Popper 上下文菜单?
在选择项目时找不到关闭上下文菜单的方法,使用Popper。不过,这似乎是一个基本功能,我错过了什么吗?
我唯一看到的是“隐藏”事件,但它是事件而不是方法。
vue.js - 偏移修改器将部分弹出框推到视口之外(Popper)
offset: '0,-30px'
在我的 Popper 修改器中使用。它可以工作,但现在我的弹出框在某些情况下不适合视口。令人讨厌的是,要么 Popper 应用偏移量,要么确保 popover 适合视口,但不能两者兼而有之。
offset
在 Popper 仍然确保 popover 适合视口的同时,有什么方法可以完成这项工作?(基本上告诉 Popper 应用偏移,除非这样做会产生视口适合问题)
css - 如何获取popper tooltip的placement属性?
我正在使用 popper.js,我想根据工具提示位置更改其他元素的一些 css 属性。当我从浏览器的控制台检查 html 元素时,我看到了该属性,所以我首先尝试使用 javascript 并document.querySelector("#popper-popup").dataset.popperPlacement;
没有显示任何内容,然后我尝试使用 jQuery $("#popper-popup").attr("data-popper-placement");
,同样!最后使用$("#popper-button").has("> #popper-popup[data-popper-placement^='bottom']").css("background","red");
什么也没发生。当我检查codepen的控制台时,placement属性不存在......谁能解释一下,我怎样才能得到工具提示的位置。感谢
codepen popper 弹出窗口
javascript - MUI data-grid-pro 展开单元格渲染器
我正在尝试使用扩展单元格渲染器示例
1:使用data-grid-pro时文档中提供的https://mui.com/components/data-grid/columns/#RenderExpandCellGrid.js 。在我添加固定列后,它开始表现得很奇怪:
- 对于固定列,popper 显示在单元格下方:cut-off popper
- 当我移过单元格时,我移过的所有行都保持选中状态:3 个选定行
我正在寻找一种解决方案来实现列固定和展开单元格渲染器
c# - 在 .NET 4.8 上的 ASP.NET MVC Web 应用程序中安装 Bootstrap 5
我正在尝试更新 .NET 4.8 上的 ASP.NET MVC 应用程序以使用 Bootstrap 5.1。
我按照以下步骤操作:
- 生成 ASP.NET Web 应用程序 (.NET Framework) 应用程序。
- 使用 NuGet 包管理器将 Bootstrap 从 3.4.1 版更新到 5.1.3 版
- 使用 Add/Client-Side Library / jsdelivr 安装 popperjs/core@2.11.2
- 创建一个 ScriptBundle 到 popperjs/core@2.11.2
- 更改_Layout.cshtml
BundleConfig
班级:
旧 _Layout.cshtml
:
新 _Layout.cshtml
:
使用捆绑包时,我收到以下错误消息:
System.NullReferenceException:对象引用未设置为对象的实例
如果我使用bootstrap.bundle.min.js
cdn,它工作正常。
如果我使用 popper/core 和 bootstrap.min.js cdn 它不起作用。
我不知道为什么它不适用于捆绑包?以及如何解决这个问题?
angular - 如何在 Angular 13 中使用 PopperJs 2
我添加了 PopperJS 2.11 作为依赖项。然后我尝试在 AppComponent 中使用 Popper,但我不确定如何调用 Popper 的实例。这是我的代码:
app.component.html:
app.component.ts:
但在控制台中我有:createPopper.js:209 Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.
popper.js - 有没有办法与多个目标共享 popper.js popper?
我正在制作一个由多个元素触发的工具提示。每个触发元素都会更改工具提示中的小细节。然而,我的问题是,有没有办法创建一个可以由多个元素触发的工具提示?