javascript - JQuery show() 不适用于 IE 10 中的 iframe

Question

我有以下 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 下不起作用！

请问，有没有人有解决方案或解决方法？它已经让我发疯了。

谢谢！！

卢西亚诺

Answer 1

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

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