问题标签 [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.

0 投票
1 回答
41 浏览

docker - 如何在 popper 工作流的 step 属性中正确引用`dir`?

当我尝试dir在工作流程中使用步骤的属性时遇到问题。我有一个如下目录:

这就是我的工作流程的样子:

以上内容存储在一个wf.yml文件中,我通过以下方式运行它:

但我得到了错误:

我正在使用 Popper 2.6.0 和 Docker 19.03.8

0 投票
1 回答
46 浏览

docker - 无法在 popper 工作流程中的单独步骤中使用 python 模块

我有一个requirements.txt在执行以下工作流时使用的文件:

我遇到的问题是,当该run-script步骤运行时,它没有在第一步中安装的模块。

0 投票
1 回答
821 浏览

hpc - 如何在没有 sudo 权限的情况下在 HPC 上运行 Popper

我想在 Linux HPC(高性能计算)集群上执行Popper工作流。我没有管理员/sudo 权限。我知道我应该使用Singularity而不是Docker,因为 Singularity 被设计为不需要sudo运行。

但是,如果不在fakeroot/rootless模式下执行,则singularity build 需要特权。 sudo


这是我在 HPC 登录节点中所做的:

  1. 我安装了Spack (0.15.4) 和 Singularity (3.6.1):
  1. 我在虚拟环境中安装了 Popper (2.7.0):
  1. 我在以下位置创建了一个示例工作流~/test/wf.yml

~/test/my_image/Dockerfile

  1. 我尝试在登录节点中运行 Popper 工作流的两个步骤:

所以这两个步骤都失败了。


我的问题:

  • 对于来自 Docker Hub 的图像:如何启用“用户命名空间”?
  • 对于自定义映像:如何在没有容器的情况下构建映像sudo并运行容器?
0 投票
0 回答
40 浏览

javascript - 我的 JavaScript 不能用于我的 MVC 项目

我是 MVC 的新手。在寻求帮助之前,我一直在尝试自己解决这个问题 2 天(是的 48 小时)。但由于某种原因,我无法让我的引导项目的脚本正常工作。我已经尝试了我可以尝试的所有方法,因此感谢您提供任何帮助。我正在使用Bootstrap v4.60并在我的 VS2019 项目中有jqueryv3.6 。

我的部分捆绑

我的部分布局

我的导航栏中的下拉菜单不起作用,我很确定我已经完成了我被告知要做的所有事情

导航栏下拉切换

我错过了什么?

0 投票
1 回答
633 浏览

javascript - 单击元素后工具提示没有隐藏(bootstrap v5.0)

我将引导程序版本从 4.5.x 更改为 5.0.1,并将工具提示的初始化从更改$('[data-toggle="tooltip"]').tooltip({trigger: 'hover'});

但是在单击带有显示的工具提示的elememt后工具提示仍然可见的问题在5.0版本中又回来了。我已经在 4.5.x 版本中解决了这个问题,$('[data-toggle="tooltip"]').tooltip("hide");但在版本 5 中不起作用。

我试过了:

但这没有适当的帮助。我在网站上有很多工具提示,其中一些打开了一个对话框,其中一些是数据表插件(具有排序功能)中列标题的描述。

引导网站上的工具提示有同样的问题。单击元素后,工具提示不会消失。

如果有任何想法或建议,我将不胜感激。

0 投票
1 回答
65 浏览

popper - 空间不足时如何翻转 Material UI Popper

原位置 original 当 Button 向左移动时 执行

https://codesandbox.io/s/material-demo-forked-hwvxl?file=/demo.js

请告诉我怎么做,谢谢

0 投票
1 回答
263 浏览

click - 单击时更改 Popper.js 工具提示标题

我发誓我搜索并没有找到这个问题。对不起,如果我做错了!

注意:我只想使用 JavaScript!我不想包含 jQuery 库!有很多使用 jQuery 的示例,但它们对我没有帮助。

问题:我正在创建一个网站,我正在使用 Bootstrap 5 + Popper。我在内容中写了一些电子邮件地址。每个电子邮件地址都嵌入在 HTML 锚点中。对于每个电子邮件地址,我都会在悬停时显示“复制地址”工具提示。单击锚文本(电子邮件地址)时,我想将电子邮件地址复制到剪贴板中,以便用户可以将其粘贴到他们使用的任何电子邮件客户端中。单击电子邮件地址后,工具提示标题应更改为“已复制”,以确认用户。

HTML 代码:

Popper 工具提示的 JavaScript 初始化(就像在工具提示的 Bootstrap 页面上一样):

这是我的 JavaScript 代码,它可以将电子邮件地址复制到剪贴板但无法更改工具提示标题:

不幸的是,上面的侦听器函数没有更改工具提示标题。

谢谢你的帮助!

0 投票
0 回答
18 浏览

reactjs - 如何在材质ui中向Popper添加箭头?

我正在使用来自 MUI 的 Popper,并从https://material-ui.com/components/popper/#scroll-playground看到了一个示例 来显示他们写的箭头 arrow enable: true。但是写成 element:arrowRef 呢?如何声明arrowRef?

0 投票
2 回答
820 浏览

reactjs - material ui popover 和 popper 之间的核心区别是什么?有什么不同的用例吗?

Material UI 无疑是最接近 React 开发人员的完美开源项目文档的文档,但是有一些不清楚的地方,比如PopoverPopper之间的确切区别。有人可以简单地解释一下这两者之间的核心区别是什么?

0 投票
0 回答
24 浏览

javascript - 我们可以根据点击计算的 x 和 y 坐标定位 popper 吗?

我正在使用react-popper,我需要在其参考元素的位置生成 popper。我可以计算参考元素内的 X 和 y 位置,但我无法找到将 popper 定位在该位置的解决方案。

注意:参考元素也存在于屏幕的边缘。对此有什么帮助吗?