Skip to content

Instantly share code, notes, and snippets.

@kkemple
Created November 27, 2013 23:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kkemple/7684623 to your computer and use it in GitHub Desktop.
Save kkemple/7684623 to your computer and use it in GitHub Desktop.
stops browser from firing window resize events until window is no longer resizing ( so it only fires once )
//This fucntion stops the browser from firing multiple on resize events and executes code
//once the resizing stops
(function($,sr){
// debouncing function from John Hann
// http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
var debounce = function (func, threshold, execAsap) {
var timeout;
return function debounced () {
var obj = this, args = arguments;
function delayed () {
if (!execAsap)
func.apply(obj, args);
timeout = null;
};
if (timeout)
clearTimeout(timeout);
else if (execAsap)
func.apply(obj, args);
timeout = setTimeout(delayed, threshold || 100);
};
}
// smartresize
jQuery.fn[sr] = function(fn){ return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
})(jQuery,'smartresize');
$(window).smartresize(function(){
// code that takes it easy...
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment