在functions.php中不使用if是页条件标记的Enqueue脚本

Question

这甚至是在特定页面中包含脚本的正确方式吗？

function insert_mapsvg_scripts() {
  wp_enqueue_style( 'mapsvg_css', site_url('/mapsvg/css/mapsvg.css') );
  wp_enqueue_style( 'nanoscroller_css', site_url('/mapsvg/css/nanoscroller.css') );
  wp_enqueue_script( 'mousewheel_js', site_url('/mapsvg/js/jquery.mousewheel.min.js'), array('jquery'), '', true );
  wp_enqueue_script( 'nanoscroller_js', site_url('/mapsvg/js/jquery.nanoscroller.min.js'), array('jquery'), '', true );
  wp_enqueue_script( 'mapsvg_js', site_url('/mapsvg/js/mapsvg.min.js'), array('jquery'), '', true );
} 

if( is_page( 37629 ) ) {
    add_action('wp_enqueue_scripts', 'insert_mapsvg_scripts');
}

Answer 1

试着用相反的方式去做。Add_action可以始终处于活动状态，并将if statement添加到函数中。如下所示：

add_action('wp_enqueue_scripts', 'insert_mapsvg_scripts');

function insert_mapsvg_scripts() {
  if( is_page( 37629 ) ) {
    wp_enqueue_style( 'mapsvg_css', site_url('/mapsvg/css/mapsvg.css') );
    wp_enqueue_style( 'nanoscroller_css', site_url('/mapsvg/css/nanoscroller.css') );
    wp_enqueue_script( 'mousewheel_js', site_url('/mapsvg/js/jquery.mousewheel.min.js'), array('jquery'), '', true );
    wp_enqueue_script( 'nanoscroller_js', site_url('/mapsvg/js/jquery.nanoscroller.min.js'), array('jquery'), '', true );
    wp_enqueue_script( 'mapsvg_js', site_url('/mapsvg/js/mapsvg.min.js'), array('jquery'), '', true );
  }
}

此外，正如@marktruitt评论的那样。通常，JS存储在插件或主题文件夹中。如果是自定义主题，则队列可能如下所示：

wp_enqueue_script( 'mousewheel_js', get_template_directory_uri(). '/mapsvg/js/jquery.mousewheel.min.js', array('jquery'), '', true );

然而，如果您使用的是一个子主题，则如下所示：

wp_enqueue_script( 'mousewheel_js', get_stylesheet_directory_uri(). '/mapsvg/js/jquery.mousewheel.min.js', array('jquery'), '', true );