I am using jQuery and I have window.resize event to call a function which will re-position the div appended to the body.

Now when I set the LEFT css property of that appended div, the window.resize event get trigger for NO GOOD REASON.

It it results in an infinite loop, triggering the window.resize again and again.

The code without fix:
=============

$(window).resize(function(){

onResize = function() {
//The method which sets the LEFT css property which triggers window.resize again and it was a infinite loop
setWrapperPosition($mainWrapper.parent());
}
window.clearTimeout(resizeTimeout);
resizeTimeout = window.setTimeout(onResize, 10);
});

Solution:
=====

var winWidth = $(window).width(),
winHeight = $(window).height();

$(window).resize(function(){

onResize = function() {
//The method which sets the LEFT css property which triggers window.resize again and it was a infinite loop
setWrapperPosition($mainWrapper.parent());
}

//New height and width
var winNewWidth = $(window).width(),
winNewHeight = $(window).height();

// compare the new height and width with old one
if(winWidth!=winNewWidth || winHeight!=winNewHeight)
{
window.clearTimeout(resizeTimeout);
resizeTimeout = window.setTimeout(onResize, 10);
}
//Update the width and height
winWidth = winNewWidth;
winHeight = winNewHeight;
});

So basically it will check if the height or width is changed (which will happen ONLY when you actually resize with window).

window.clearTimeout(windowResizeTimeout);

$(document).ready(function()
{
var tempCounter = 0;
var windowResizeTimeout;

window.onresize = function()
{
window.clearTimeout(windowResizeTimeout);
windowResizeTimeout = window.setTimeout(DelayedResize, 100);
};

function DelayedResize()
{
window.status = ++tempCounter;
// Add your original window.onresize implementation here
}
}