wp.customize.bind ready event not fired

by

I’m trying to add some javascript to my theme customizer. My JS file is loaded no problem and my document ready event works but wp.customize.bind() isn’t calling my callback.

jQuery(document).on('ready', function(){
  console.log('binding')
  wp.customize.bind('ready', function(){
    console.log('ready')
  })
})

binding gets outputed to the console but ready does not.

What am I missing? there seems to be little to no documentation on using the javascript here.

2 s
2

Do not put the Customizer ready event handler inside of the jQuery event handler. The Customizer ready will trigger at jQuery ready, so you are adding the event handler too late. Just do:

wp.customize.bind('ready', function(){
    console.log('ready');
});

Your JS needs to be enqueued with customize-controls script as its dependency. Enqueue at the customize_controls_enqueue_scripts action.

Leave a Comment