Search code examples
jqueryasp.netiframefancyboxinternet-explorer-10

Fancybox with an iframe cross-domain, partially rendered with Explorer10 compatibility mode

Site that open a fancybox iframe, and in the i-frame there is a aspx - ajax page of other domain. just with IE10 in compatibility mode (No problem with others browsers), the page is just partially rendered, and when I click on a button (example to change the color of the bag) the page is correctly rendered.

First rendered:

First rendered

After click on orange color:

After click

UPDATE:

1) On a separate iframe (without fancybox) the page works perfectly.

2) It's not a cross-domain issue, problem exists also on my pc.

Solution

  • Ok, it was a jQuery version problem. In the main web page, the version is 1.9.1 In the i-frame, I use the 1.4.4 version (due to an old plug-in used in the page) I upgrade version in the i-frame to 1.9.1 and the problem disappear. Thanks to everybody!