Question

当用户在元素上按下鼠标右键时，我正在使用jQuery UI菜单小部件来显示上下文菜单。不幸的是，这个菜单元素位于iframe内部，而iframe很小，因此展开的菜单会被iframe剪切掉。有没有办法在不切割元素的情况下在iframe上方显示菜单？不幸的是，我有一个很复杂的软件，在iframe之外的HTML中移动菜单元素太难了。

Answer 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上面显示它？

jQuery UI - iframe内的菜单

1 个答案: