[jQuery] Strange problem in firefox (I think)
Hi,
I am doing so performance testing with javascript and jquery and came
across a strange issue. The following code works fine in IE 7, I can
refresh multiple times. When I load the page the first time in firefox
3.0.6 everything is fine, but when I do a refresh firefox locks for
about 2 minutes, cpu usage is 100% and memory usage has a peak of
~300MB and avarage of ~170MB. The problem occurs when the click event
is attached to the span elements, if I put that part in comment
firefox allows multiple refreshes.
<html>
<head>
<title></title>
<script language="javascript" type="text/javascript"
src="jquery-1.3.1.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function()
{
var dateBegin = new Date();
var dateEnd = null;
var arr = new Array();
var index = 0;
arr[index++] = "<table>";
var tr = null;
var td = null;
var span = null;
for(var i = 0; i < 500; i++)
{
arr[index++] = "<tr>";
for(var j = 0; j < 10; j++)
{
arr[index++] = "<td><span>" + (i + j) + "</span></td>";
}
arr[index++] = "</tr>";
}
arr[index] = "</table>";
$("#content").html(arr.join(""));
alert("content");
dateBegin = new Date();
$("span").click(function()
{
alert($(this).html());
});
dateEnd = new Date();
alert(dateEnd - dateBegin);
});
</script>
</head>
<body>
<div id="content"></div>
</body>
</html>