jdb110 / jquery.resizeend

A custom event that fires when a user stops resizing their browser.

Home Page:https://nielse63.github.io/jquery.resizeend/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

jQuery resizeend

A jQuery plugin that allows for window resize-end event handling.

Demo

See the demo here.

Usage

Include both the jQuery library and the resizeend plugin in your project:

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="js/jquery.resizeend.js"></script>

Execute the resizeend method to an element, instatiate options (if so desired), and run a callback functions:

$(window).resizeend({
	delay : 250
}, function() {
	// ...
});

Or bind an element to the event, passing in options and event handler:

$(window).on('resizeend', 250, function() {
	// ...
});

If you want to use the default delay setting of 250ms, simply don't include the options object:

$(window).resizeend(function() {
	// ...
});

Options

The only option available is the delay time (in milliseconds) to execute the callback after the browser has stopped being resized. The default value is 250ms. This can be passed as either a number or object:

// As a number
$(window).on('resizeend', 250, function() {
	// ...
});

// As an object
$(window).on('resizeend', { delay : 250 }, function() {
	// ...
});

License

This plugin is licensed under the MIT license. A copy of the license is included in this package.

Bitdeli Badge

About

A custom event that fires when a user stops resizing their browser.

https://nielse63.github.io/jquery.resizeend/

License:MIT License


Languages

Language:JavaScript 75.3%Language:HTML 13.8%Language:CSS 10.9%