javascript - iframe 内的 JQuery UI 对话框

标签 javascript jquery jquery-ui iframe jquery-dialog

我正在开发 sp2013 应用程序,这意味着它正在使用 iframe。具体来说,它是一个非常大的 iframe,占据了大部分屏幕。在很多时候,我打开了 jquery ui 对话框窗口。它们被设置为出现在视口(viewport)的中间,这很好,只是它出现在 iframe 的中间,而不是可见屏幕的中间。

有没有办法告诉 jquery ui 查看 window.top 的滚动属性,而不是 iframe?

编辑:iframe 和父级在同一个域中,因此跨域问题不是问题。

最佳答案

好的,所以我找到了解决方案。声明对话框时,我执行了以下操作:

$("selector").dialog({
    position: {my: "center", at: "center", of: window.top}
});

关于javascript - iframe 内的 JQuery UI 对话框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15955595/

相关文章:

javascript - 用于在 2 个客户端之间进行通信的 Node.js 模块?

javascript - 将变量从脚本标签内传递到 Vue 实例

javascript - 在浏览器中创建可拖动的表格行和奇怪的效果

javascript - 使用 jQuery 动态加载 html

html - 图片边框在 chrome 和 firefox 中消失,但在 IE 中出现

javascript - 如何允许用户将内容拖动到顶层以下的层中?

javascript - 在 async.each 回调之前等待 promise

jquery - 如何在 jQuery UI 可拖动上抑制 `ui-draggable-handle` 和 `ui-draggable-dragging`?

javascript - 检测 slider 变化

javascript - 允许日期选择器仅显示特定月份