wp.​​customize.previewer.bind：“无法读取未定义

Question

我正在尝试关注WordPress定制程序JavaScript API上的this tutorial，但我遇到了以下问题：

当我尝试运行此代码时，出现以下错误： Uncaught TypeError: Cannot read property 'bind' of undefined

(function($){

  var customize = wp.customize;

  customize.previewer.bind( 'preview-edit', function( data ) {
     // Some code
  } );

})(jQuery);

我使用以下钩子将functions.php中的脚本排入队列：

function wf_customize_control_js() {
    wp_enqueue_script( 'wf_customizer_control', get_template_directory_uri() . '/assets/js/wf-customize.js', array( 'customize-controls', 'jquery' ), null, true );
}
add_action( 'customize_controls_enqueue_scripts', 'wf_customize_control_js' );

Answer 1

考虑对您的问题进行讨论：将您的函数包装到jQuery(document).ready函数中，以防止您的代码在您尝试使用的其他js脚本中比定义的variable更早运行。