Radioknöpfe aktualisieren sich im Customizer

Ich habe einen neuen Abschnitt im Customizer mit einer Optionsfeldeinstellung mit drei Optionen hinzugefügt. Die neue Einstellung fügt dem Site-Header eine CSS-class hinzu. Alles funktioniert wie erwartet, außer der Live-Aktualisierung im Customizer. Ich habe versucht, den Transport auf “Aktualisieren” zu ändern, ohne Erfolg.

PHP:

// Add header layout setting and control. $wp_customize->add_section( 'header', array( 'title' => __( 'Header', 'theme' ), 'priority' => 30, ) ); $wp_customize->add_setting( 'header_layout', array( 'default' => 'header-layout-1', 'transport' => 'postMessage' ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'header_layout', array( 'label' => __( 'Header Layout', 'theme' ), 'description' => __( 'Applied to the header on wide screens only.', 'theme' ), 'section' => 'header', 'settings' => 'header_layout', 'type' => 'radio', 'choices' => array( 'header-layout-1' => __( 'Header Layout 1', 'theme' ), 'header-layout-2' => __( 'Header Layout 2', 'theme' ), 'header-layout-3' => __( 'Header Layout 3', 'theme' ) ) ) ) ); 

JS:

 api = wp.customize; // Header. api( 'header_layout', function( value ) { value.bind( function( to, from ) { $( '.site-header' ).removeClass( from ).addClass( to ); } ); } ); 

Ich weiß nicht, was ich falsch mache. Jede Hilfe wäre willkommen.

Danke im Voraus

AKTUALISIEREN

Der obige Code funktioniert. Anscheinend hat der Customizer eine alte Version der Datei customize-preview.js des Themas customize-preview.js , weshalb es nicht funktionierte. Hinweis an mich selbst: Vergessen Sie nicht, den Browser-Cache bei der Entwicklung zu löschen.

Solutions Collecting From Web of "Radioknöpfe aktualisieren sich im Customizer"