Out of Memory using Dialog with fade effect
Using JQuery 1.3.2 and UI 1.7.1, with a simple dialog demo with
FadeOut effect, I get "Out of memory at line: 1280" in IE and similar
"too much recursion" errors in FireFox (starts with line 26 of
jquery-1.3.2.js). It's repeatable. All I have to do click the "Show
the Dialog" link, close the dialog, and then click it again. Am I
doing anything wrong? Here the page (put this in the development-
bundle\demos\dialog directory):
<!DOCTYPE html><html><head>
<link type="text/css" href="../../themes/base/ui.all.css"
rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.3.2.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
<script type="text/javascript">
function showDialog(){
$("#divId").dialog("open");
$("#modalIframeId").attr("src","http://www.google.com");
return false;
}
$(document).ready(function() {
$("#divId").dialog({
show: {effect: "fadeOut", duration: 500},
hide: {effect: "fadeOut", duration: 500},
autoOpen: false,
modal: true,
height: 500,
width: 500
});
});
</script>
</head>
<body style="font-size:62.5%;">
<a href="" onclick="return showDialog()">Show the Dialog</a>
<div id="divId" title="Dialog Title">
<iframe id="modalIframeId" width="100%" height="100%"
marginWidth="0" marginHeight="0" frameBorder="0" scrolling="auto"
title="Dialog Title">Your browser does not support framesr</iframe>
</div>
</body>
</html>