JS події в Адмінці WordPress

Різні JS події які можуть стати в нагоді при створенні плагіна. Усі ці події спрацьовують у адмінці WordPress.

У коді нижче

$document = jQuery( document )

wp-window-resized

Це по суті теж сама подія як і resize, тільки із затримкою в 200ms. Для того щоб при ресайзі екрана подія спрацьовувала один раз, коли ресайз закінчено і не спрацьовувала багато разів під час ресайзу.

$document.trigger( 'wp-window-resized');

wp-collapse-menu | wp-menu-state-set

// menuState може бути: open | folded

// Клік по кнопці "Згорнути меню" в адмінці (ліве меню в адмінці).
$document.trigger( 'wp-collapse-menu', { state: menuState } );

// Спрацьовує при встановленні статусу (згорнуто/розгорнуто) меню адмінки
//Статус може змінюватися при ресайзі екрану
$document.trigger( 'wp-menu-state-set', { state: menuState } );

Приклад використання

$document.on( 'wp-menu-state-set wp-collapse-menu', function( event, eventData ) {

	if ( 'folded' === eventData.state ) {
		// робимо щось
	}
});

wp-responsive-activate

Спрацьовує при ресайзі екрану, коли ширина екрана стає більшою або меншою за 782 пікселя:

$document.trigger( 'wp-responsive-activate' ); // ширина екрану < 782
$document.trigger( 'wp-responsive-deactivate' ); // ширина екрану > 782

приклад

$document.on( 'wp-responsive-activate', function(){

	console.log( 'responsive active' )

} );

screen:options:open | screen:options:close

Спрацьовують під час відкриття/закриття панелі опцій екрану. При натисканні на ці кнопки:

$document.trigger( 'screen:options:open' );
$document.trigger( 'screen:options:close' );

приклад

$document.on( 'screen:options:open', function(){

	console.log( 'options:open' )

} );