На следующей странице показан iFrame без диалогового окна JQuery. Это полностью рабочая страница, вам, возможно, придется просто исправить ссылки на jQuery и таблицы стилей сверху. Я создал его в проекте ASP.NET MVC3 в visual studio ...
<!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 загружается, но он просто пуст. Пожалуйста помоги. Я буду очень признателен за любые советы / предложения.