51 lines
948 B
Markdown
51 lines
948 B
Markdown
|
# Breakpoints.js
|
||
|
|
|
||
|
|
Define breakpoints for your responsive design, and Breakpoints.js will fire custom events when the browser enters and/or exits that breakpoint.
|
||
|
|
|
||
|
|
[Get it from Github](https://github.com/xoxco/breakpoints)
|
||
|
|
|
||
|
|
[View Demo](http://xoxco.com/projects/code/breakpoints/)
|
||
|
|
|
||
|
|
Created by [XOXCO](http://xoxco.com)
|
||
|
|
|
||
|
|
## Instructions
|
||
|
|
|
||
|
|
$(window).setBreakpoints({
|
||
|
|
// use only largest available vs use all available
|
||
|
|
distinct: true,
|
||
|
|
// array of widths in pixels where breakpoints
|
||
|
|
// should be triggered
|
||
|
|
breakpoints: [
|
||
|
|
320,
|
||
|
|
480,
|
||
|
|
768,
|
||
|
|
1024
|
||
|
|
]
|
||
|
|
});
|
||
|
|
|
||
|
|
$(window).bind('enterBreakpoint320',function() {
|
||
|
|
...
|
||
|
|
});
|
||
|
|
|
||
|
|
$(window).bind('exitBreakpoint320',function() {
|
||
|
|
...
|
||
|
|
});
|
||
|
|
|
||
|
|
$(window).bind('enterBreakpoint768',function() {
|
||
|
|
...
|
||
|
|
});
|
||
|
|
|
||
|
|
$(window).bind('exitBreakpoint768',function() {
|
||
|
|
...
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
$(window).bind('enterBreakpoint1024',function() {
|
||
|
|
...
|
||
|
|
});
|
||
|
|
|
||
|
|
$(window).bind('exitBreakpoint1024',function() {
|
||
|
|
...
|
||
|
|
});
|
||
|
|
|