当用户按元素上的鼠标按钮时,我正在使用jQuery UI菜单窗口窗口显示上下文菜单。不幸的是,此菜单元素在iframe内部,而iframe很小,因此扩展的菜单由iframe切割。有没有办法在没有切割元素的情况下显示菜单上方的菜单?不幸的是,我有很大的复杂软件,很难在iframe外移动菜单元素。
我在html中有以下结构。
<iframe src="whatever">
<div id="rowMenu">
</div>
</iframe>
,在我的javascript文件中,我正在调用菜单()函数从jQuery UI库:
$("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上方显示?