jQuery UI - iframe 内的菜单

【问题标题】：jQuery UI - menu inside iframejQuery UI - iframe 内的菜单
【发布时间】：2023-03-06 13:38:01
【问题描述】：

当用户在元素上按下鼠标右键时，我正在使用 jQuery UI 菜单小部件来显示上下文菜单。不幸的是，这个菜单元素在 iframe 内，并且 iframe 很小，所以扩展菜单被 iframe 剪切。有没有办法在不剪切元素的情况下在 iframe 上方显示菜单？不幸的是，我有大型复杂的软件，很难将 HTML 中的菜单元素移到 iframe 之外。

【问题讨论】：

一些可运行的代码 sn-p 会有所帮助。
能否提供一些示例代码或链接？
如果上下文菜单必须来自 iframe，那么我怀疑它会很简单。请参阅 (stackoverflow.com/questions/12299808/…)。我们需要查看一些代码以了解您要执行的操作，以便我们找到一些解决方法。

标签： jquery html jquery-ui iframe

【解决方案1】：

我在 HTML 中有以下结构。

<iframe src="whatever">
<div id="rowMenu">
</div>
</iframe>

在我的 Javascript 文件中，我从 jQuery UI 库调用 menu() 函数：

$("div#rowMenu).menu({
    menus:  "div.rowMenu",
}).css({
    "padding-top": 10,
    "border-radius": "0px 10px 10px",
    "box-shadow": "3px 3px 3px #444",
    position:   "absolute"
}).show();

问题是因为这个 iframe 太小了，当我展开菜单时，它被剪掉了，它的整体不可见。有没有办法强制该菜单显示在 iframe 上方？

【讨论】：