在IE 10中,JQuery show()不适用于iframe

时间:2013-06-26 16:06:45

标签: javascript jquery iframe internet-explorer-8 frames

我有以下HTML:

<a href="#" onClick="createDIV('thediv')">Create DIV</a><br/>
<a href="#" onClick="hideDIV()">Hide Div</a><br/>
<a href="#" onClick="showDIV('thediv')">Show Div</a><br/>

以下3个JQuery函数用于创建DIV,隐藏它并再次显示它:

function createDIV(winname)
{
    $('<div id="'+winname+'"></div>').appendTo('body');
$('#'+winname).html('<iframe     src="http://www.quackit.com/html/templates/frames/frames_example_1.html"     seamless="seamless"></iframe>');
}

function hideDIV()
{
    $("div:visible").hide();
}

function showDIV(winname)
{
    $('#'+winname).show();
}

此代码适用于Chrome和Firefox,但showDIV功能在IE 10下无效。

我注意到当iframe src包含带有框架的页面时,它在IE下无效!

拜托,有没有人有解决方案或解决方法?这已经让我疯了。

谢谢!

卢西亚诺

1 个答案:

答案 0 :(得分:0)

这是一个奇怪的错误。我通过将此行添加到showDIV函数来解决了这个问题:

$('#'+winname+' iframe').attr('src','http://www.quackit.com/html/templates/frames/frames_example_1.html');