wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-11-27 17:10:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

collapsibleTabs: Defer DOM changes via requestAnimiationFrame

Browse source 
Widely supported, unprefixed (over 85%)
http://caniuse.com/#feat=requestanimationframe

Change-Id: I13a73e3ba4f68af86ca77ca8242107ee449b255e
This commit is contained in:
Timo Tijhof 2015-11-19 23:53:05 +00:00
parent 020956d070
commit f354aafebc
1 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
collapsibleTabs.js
View file

@ -2,7 +2,9 @@
* Collapsible tabs jQuery Plugin
*/
( function ( $ ) {
var rtl = $( 'html' ).attr( 'dir' ) === 'rtl';
var rtl = $( 'html' ).attr( 'dir' ) === 'rtl',
rAF = window.requestAnimationFrame || setTimeout;
$.fn.collapsibleTabs = function ( options ) {
// Merge options into the defaults
var settings = $.extend( {}, $.collapsibleTabs.defaults, options );
@ -27,13 +29,13 @@
// if we haven't already bound our resize handler, bind it now
if ( !$.collapsibleTabs.boundEvent ) {
$( window ).on( 'resize', $.debounce( 100, function () {
$.collapsibleTabs.handleResize();
rAF( $.collapsibleTabs.handleResize );
} ) );
$.collapsibleTabs.boundEvent = true;
}
// call our resize handler to setup the page
$.collapsibleTabs.handleResize();
rAF( $.collapsibleTabs.handleResize );
return this;
};
$.collapsibleTabs = {
@ -132,7 +134,7 @@
expContainerSettings = $.collapsibleTabs.getSettings( $( data.expandedContainer ) );
if ( expContainerSettings ) {
expContainerSettings.shifting = false;
$.collapsibleTabs.handleResize();
rAF( $.collapsibleTabs.handleResize );
}
}
} );
@ -168,7 +170,7 @@
expContainerSettings = $.collapsibleTabs.getSettings( $( data.expandedContainer ) );
if ( expContainerSettings ) {
expContainerSettings.shifting = false;
$.collapsibleTabs.handleResize();
rAF( $.collapsibleTabs.handleResize );
}
}
} )