Yes, this is the way to detect when the preview has loaded:
wp.customize.bind( 'ready', function() {
wp.customize.previewer.bind( 'ready', function( message ) {
console.info( 'Preview is loaded' );
} );
} );
This JS code should be enqueued at the customize_controls_enqueue_scripts
action with customize-controls
script as its dependency.
Related Posts:
- How to include jQuery and JavaScript files correctly?
- Test to see if jQuery or Prototype is queued by another plugin?
- jQuery in header or footer
- Hook the Keydown Event in the TinyMCE Post Editor
- How to Add a .js file Only in one specific Page Dynamically to Head
- How to trap “Publish” button to check for meta box validation?
- Use js script from one plugin in another plugin
- Mixing Regular Javascript With jQuery in a Plugin
- javascript datatables in a plugin
- Plugin – Make sure jquery is loaded in my settings page plus my JS file
- should i be checking for jquery before enqueing it in a plugin
- Need help about understand api, wp, $ syntax in WordPress plugin script
- Insert Into Post Not Working For Audio File Using jQuery
- wp.media gallery collection sometimes undefined
- Query String Filtering API
- jQueryUI draggable doesn’t work in WordPress plugin
- Filterable posts using categories
- Add a Script button in W3 Total Cache plugin not working due to conflicting jQuery version
- How do I use (or mimic) document.getElementById() on a page loaded from WordPress database?
- How to get the value entered in the input field in wordpres
- How react js and other Javascript Technologies works on WordPress plugin?
- Insert meta-description into Yoast-SEO input-field via JavaScript
- How to select the contents in the text view textrea in wp_editor?
- WordPress Plugin with a shortcode that dynamically generates javascript. Can I use add_action without wrapping the javascript in a function?
- Best approach to fetch data from wp options to js file or php file
- Are there any scripts, classes, and/or functions built-in to WP for a plugin to export/import its saved data from wp_options?
- How to prevent UNDO on guternberg block editor
- how to search users by ajax live search
- Do I have to worry about useState causing a re-render?
- Creating a custom Gutenberg block with columns
- “import declarations may only appear at top level of a module” when importing WooCommerce API node module
- jQuery selectors for editor elements safe to use?
- wp.template() returns tags in Ajax response
- Gutenberg: import dependency or assign from global variable?
- Display WordPress the_content() via data attributes
- My WordPress plugin cannot load my JavaScript file
- WordPress custom taxonomy check box to dropdown
- Hide shortcodes “code” when using the “editor” the same as wordpress do with “gallery”
- add javascript files only when plugin is called?
- jQuery does not enqueue for my purpose… (before an inline script in the footer)
- Inserting code to HTML view from a pop up initiated from visual view
- How can I avoid conflicts between plugin and theme?
- How to control an elements classes from multiple Gutenberg sidebar controls?
- jQuery in WordPress Plugin
- How should I go about registering JavaScript that isn’t a file? [duplicate]
- What action hook can I use to add a JavaScript to a page post using a theme template that is not including get_header() nor get_footer()?
- WP Plugin Running before jQuery
- jquery & ajax sending data to php
- jQuery instantly executes (a button click and css change) on load
- How to include jQuery into my plugin so I can use it on plugin page?
- WP Customizer compare and set a value via javascript
- Loading custom js file on the admin page through plugin
- Ajax submit result opens in admin-ajax.php
- Callback After WordPress Customizer Complete Loading
- Is it save to use eval for a jQuery callback method coming from the database?
- Run JavaScript validation script on form submit in plugin
- Custom Plugin – CSS works, JS doesn’t
- how to get the post id in plugin
- Jquery was not found on this server
- insert query on a custom table using ajax with jQuery plugin Jeditable
- Custom Stylesheet instead of Inline CSS for WordPress Customizer API Overrides
- How to enqueue scripts in right way in a plugin?
- making a plugin that moves other plugins wp_head actions to wp_footer
- Translate javascript with WordPress built-in localization API for static strings
- Ajax: Populate with content from a post’s ID not working – duplicating current page html instead
- Data not insert and update through ajax and jQuery in admin page?
- WP ajax requests not stacking?
- My WordPress Plugin code breaks customize.php viewpoint
- How to add a panel/box/widget/are/screen to the right side of edit post/page confusion
- Service Worker Uncaught (in promise) DOMException
- Developing the save function in Gutenberg blocks
- How to disable a jQuery plugin on WordPress plugin page
- jquery in wordpress plugin with depdendency
- Gutenberg – is it ok to load dependencies multiple times?
- Preventing double loading JS scripts (like React) when developing for Gutenberg
- ajax working when function is on child theme but not in plugin page
- Using function from enqueued .js file in theme in plugin?
- jQuery UI tab does not work in the plugin page
- How to overwrite iris color pallates from theme to plugin
- About a programming language starts with [closed]
- How to use a WP_Customize_Control outside of the Customizer?
- Referencing files in JavaScript in WordPress Plugin
- How to insert HTML/CSS/JS into my iframe plugin?
- Ajax +wordpress onClick link redirect to new page and create html content
- Use options to control jQuery plugin
- Is there a WordPress plugin to design WebGL? [closed]
- Should I put my plugin javascript inline?
- Thickbox in Plugin settings page?
- How to localize data array in plugin’s option page
- sanitizing/escaping plugin options
- Load php file with jquery in single.php
- Loading Images from Javascript on the Front End
- Using jQuery prepend() with file include
- How to deal with different jQuery versions?
- Get cat parameter from admin-ajax
- How to write a shopping queue line plugin with a queue button?
- wp.media libary pdf type
- Ajax on the Administration Side of plugin – returns 0
- escape html in jQuery for WordPress
- Jquery php request is returning a weird result