IE上的fancybox iframe + jcrop问题

Posted

技术标签:

【中文标题】IE上的fancybox iframe + jcrop问题【英文标题】:fancybox iframe + jcrop problems on IE 【发布时间】:2012-12-16 22:47:32 【问题描述】:

上传图片后,我用fancybox在iframe上打开它,并使用jcrop(缩略图示例http://deepliquid.com/projects/Jcrop/demos.php?demo=thumbnail)进行剪辑(这是个人资料照片上传)。

在除 IE 之外的所有浏览器中一切正常(哦,严重吗?:/)

不知道为什么,但在 IE 上 iframe 似乎被锁定。我可以点击每个链接,但不能使用鼠标进行选择,光标上显示不允许的图标。

有谁知道为什么 IE 有这个动作,如果可能的话,如何改变这个? 如果不可能,我将使用没有 iframe 的其他解决方案。

【问题讨论】:

最好显示一些代码或指向问题页面的链接,否则我们可以花几天时间猜测 【参考方案1】:

再花一点时间,我对此进行了更好的分析,发现 Jcrop 没有在 IE 上加载,只是因为在 Fancybox 生成 iframe 内容之前,在图像中应用 Jcrop 的代码正在运行。

window.load 和 document.ready 还不够。 我必须使用此代码才能使其在 IE 上运行。

$('#target').load(function () 
loadJcrop();
);

“#target”是要裁剪的图片的id,loadJcrop()是对其应用Jcrop的函数。

【讨论】:

以上是关于IE上的fancybox iframe + jcrop问题的主要内容,如果未能解决你的问题,请参考以下文章

IE中的jquery,fancybox

FancyBox iFrame 无法在 IE 和 Firefox 上加载

Fancybox 2,带表单的 iframe,在 IE7 中不起作用

FancyBox iFrame 元素上的绑定事件

Fancybox - 单击 iframe 上的链接,更新 URL 地址

同一页面上的两个 iframe fancybox