javascript - 在functions.php中排队Javascript

Question

我正在使用functions.php对javascript文件进行排队，其中一个是外部链接，另一个不是。

它们都加载正常，但它是在外部文件之前加载内部文件，因此有些代码不起作用。

这是代码:

function _tandt_scripts() {
  $my_js_ver  = date("ymd-Gis");

  wp_deregister_script( 'jquery' );
  wp_register_script('jquery', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js', array(), '2.1.3', true);

  wp_enqueue_script( '_tandt-main', get_template_directory_uri() . '/_assets/js/main/min/main-min.js', array(), $my_js_ver, true );

  if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
      wp_enqueue_script( 'comment-reply' );
  }
}

add_action( 'wp_enqueue_scripts', '_tandt_scripts' );

正如您在屏幕截图中看到的，它首先加载“main-min.js”，而实际上应该是相反的情况。

屏幕截图

Answer 1

您重新注册了 jQuery 脚本，但没有将其排入页面。

在 wp_register_script 之后添加此行:

wp_enqueue_script("jquery");

并更改此行:

wp_enqueue_script( '_tandt-main', get_template_directory_uri() .
    '/_assets/js/main/min/main-min.js', array(), $my_js_ver, true );

至:

wp_enqueue_script( '_tandt-main', get_template_directory_uri() . 
    '/_assets/js/main/min/main-min.js', array("jquery"), $my_js_ver, true );

将 jquery 作为依赖项。