2

我已经成功地将jQuery colorbox 插件实现到 Web 应用程序中。但我仍然有以下问题：在 iframe 中打开新页面时，我无法让 jQuery colorbox 调整大小？

场景：

  1. 用户访问主页。
  2. 用户点击一个链接（在同一个域上），jQuery colorbox 在一个大页面上打开一个 iframe。
  3. 用户点击一个链接（在同一个域上），iframe 导航到一个较小的页面。

当 iframe 导航到较小的页面时，我需要调整颜色框的大小，但是如何调整？

到目前为止我已经尝试过：

我认为在<head>较小页面的部分中，我可以放置一些代码来调整颜色框的大小。代码在函数内部执行$(document).ready()。

  • $.colorbox.resize();
  • $.fn.colorbox.resize();
  • $(".iframe").colorbox.resize();

但所有这些都没有奏效。$.colorbox.resize();但是，如果我在 iframe 中完全加载页面后在 Firebug 控制台中传递命令，resize 函数将成功执行。

很高兴知道：

我知道有很多关于如何调整颜色框大小的问题，但我没有发现任何涉及 iframe 的问题可以解决我的问题。如果您需要任何额外的代码或屏幕截图来帮助解决我的问题，请问。

感谢您让我朝着正确的方向前进。

4

1 回答 1

1

我终于修复了它，因为需要在父窗口中制作我自己的调整大小功能的 iframe。

window.customResize = function(){ 
    $(".iframe").colorbox.resize({width:"960px", height:"675px"});
};

这说明在 iframe 中我可以调用以下命令：

window.parent.customResize();

然后它就起作用了。

于 2012-12-04T09:02:21.207 回答