因此，有两个特定于定制器的挂钩，具体取决于您想要做什么。

这个customize_controls_enqueue_scripts 完全一样wp_enqueue_scripts 但它在控制面板（左侧）框架中排队。我建议你customize-controls 脚本以确保您的脚本可以访问它们：

function theme_customizer_control_scripts() {
    wp_enqueue_script( \'scirpt-slug\', $scirpt_url, array( \'jquery\', \'customize-controls\' ), false, true );
}
add_action( \'customize_controls_enqueue_scripts\', \'theme_customizer_control_scripts\' );

• The Codex - customize_controls_enqueue_scripts
• Dev Resourcescustomize_preview_init 在此处，您可以在控件更改时修改自定义程序预览面板：

  function theme_customizer_preview_scripts() {
      wp_enqueue_script( \'scirpt-slug\', $scirpt_url, array( \'jquery\' ), false, true );
  }
  add_action( \'customize_preview_init\', \'theme_customizer_preview_scripts\' );
  

  • The Codex - customize_preview_init
  • Dev Resources

  ---

  如果您试图在运行中将元素从控件更改为previewer，则需要将以下脚本排队/将以下代码添加到previewer端。在那里排队后，您应该可以访问wp.customize 对象，并可以正常使用jQuery：

  jQuery( window ).ready( function( $ ) {
  
      // WP Customize Manager JS Object
      var customizer = wp.customize;
  
      // Assign things by the Customize Control ID
      customizer( \'parallax_effect\', function( control ) {
  
          // Bind some kind of event
          control.bind( function( value ) {
  
              if( \'zoom\' === value ) {
                  // Do something
                  $( \'body\' ).addClass( value );
              }
  
          } );
  
          // This will set the initial state. It\'s very heavy
          // I do not recommend doing this for multiple controls
          // Or at all... But it exists so I\'m adding it to this answer
          $( control ).trigger( \'change\' );
      }
  
  } );