Кастомний код після вибіркового оновлення у ВП Кастомайзері

Власне, це вже і є запитання: як захучити свій власний код одразу після спрацювання вибіркового оновлення у Кастомайзері (Customizer)?

На щастя, розробники ВП таке передбачили і додали кілька подій, які спрацьовують в певні моменти роботи цієї відносно нової фічі Кастомайзера. Ось вони:

Події (спрацьовують на wp.customize.selectiveRefresh):

  • render-partials-response
  • partial-content-rendered
  • partial-placement-moved
  • widget-updated
  • sidebar-updated

Мені потрібна була саме подія partial-content-rendered, адже я планував виконати свій код одразу потому як контент буде оновлено. Отже, ось який код я використав (одразу з перевіркою яка саме частина контенту була оновлена):

wp.customize.selectiveRefresh.bind( 'partial-content-rendered', function( placement ) {
  if ( placement.partial.id === '...id of the customizer setting...' ) {
    console.log('do smth!');  // додайте ваш код сюди
  }
} );

І звісно ж цей код треба додати у файл що підключається при завантаженні Кастомайзера!

Кастомний код після вибіркового оновлення у ВП Кастомайзері

Таїланд: віза ран