jquery - 从页面上的 iFrame 内部将 Jquery 对话框置于父级上

Question

我的页面中有一个 iFrame，并且我希望 Jquery 对话框位于父级而不是 iFrame 的中心。

我找不到办法做到这一点......

当我单独运行 iFrame 页面时，这有效:

var LLopt = {
     position: {my: "center center", at: "center center", of: parent.top}
}; 
$("#locationdisplaybox").dialog(LLopt).dialog("open");

...但是当我尝试在父级内部运行它时，我在控制台中没有收到错误，但它没有运行(好像存在看不见的错误)。

我相信这是因为从 iFrame 访问父级的安全限制。

如果我在没有“of:window.parent.top”的情况下运行上面的代码，效果很好，但我在 iFrame 页面中的位置越低，对话框出现的位置就越低(不居中)。

有人知道如何将其居中吗？

要查看实际问题，please see here ，然后单击一些“查看 field 详细信息”链接。

Answer 1

同源策略会阻止你做任何事情。我假设您是 Whygo.com 的开发人员，而 videoconferencingbookingsystem.com 属于其他人。在这种情况下，您需要要求他们在页面中嵌入一些 Javascript，就像 Google Analytics 所做的那样:https://developers.google.com/analytics/devguides/collection/gajs/asyncTracking

否则，您将无法从父级那里获得任何东西。 iframe 的内容从父级访问任何内容是一个安全问题，因为您基本上可以代替父级的用户进行操作。