gpt4 book ai didi

jquery - JQuery 对话框中的 iFrame 在 Firefox 和 Chrome 中加载为空

转载 作者:行者123 更新时间:2023-12-01 05:03:19 24 4
gpt4 key购买 nike

下页显示了 JQuery 对话框中的 iFrame。这是一个完全工作的页面,您可能只需修复顶部的 jQuery 和样式表引用。我在 Visual Studio 的 ASP.NET MVC3 项目中创建了它...

<!DOCTYPE html>
<html>
<head>
<title>Dialog Test</title>
<link href="../../Content/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-1.8.11.min.js" type="text/javascript"></script>
<script type="text/javascript">
function showDialog() {
$("#divId").dialog({
title: 'Test Dialog',
resizable: false,
modal: false,
height: 500,
width: 500
});

$("#myFrame").attr("src", "http://www.google.com");
return false;
}
</script>
</head>
<body>
<a href="" onclick="return showDialog();">Show Dialog</a>
<div id="divId" style="display: none;">
<iframe id="myFrame" name="myFrame" width="100%" height="100%" frameborder="1" scrolling="auto" />
</div>
</body>
</html>

此代码在 Internet Explorer 中运行没有问题,但在 Chrome 和 FireFox 中不起作用。 iFrame 已加载,但它只是空的。请帮忙。我将非常感谢任何提示/建议。

最佳答案

试试这个:

function showDialog() {
("#divId").dialog({
//...
})

$("#divId").html('<iframe id="myFrame" src="http://www.google.com" name="myFrame" width="100%" height="100%" frameborder="1" scrolling="auto" />')
return false;
}

关于jquery - JQuery 对话框中的 iFrame 在 Firefox 和 Chrome 中加载为空,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8142913/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com