在 WordPress 中加入 CDN

Question

我看过这个问题

如何从 CDN 将 WordPress 中的脚本排入队列？

但它不起作用。

我正在尝试安装这个 rangeSlider http://ionden.com/a/plugins/ion.rangeSlider/start.html但我无法让它工作。

我已经尝试将 CDN 放在标题中，然后按照步骤操作，但是没有用。

我试图将 CDN 放在我的页脚中，但无济于事，以及使用 npm 进行安装。

我的函数入队脚本目前看起来像这样，所以我确实有 jQuery 入队。 我尝试将 ion-range 样式和脚本放在此处。

function chd_scripts() {
    wp_enqueue_script('jquery');
    wp_enqueue_style( 'chd-style', get_stylesheet_uri() );
    wp_enqueue_script( 'chd-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true );
    wp_enqueue_script( 'chd-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true );
    wp_register_style( 'ion_range', 'https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.1/css/ion.rangeSlider.min.css' );
    wp_enqueue_style('ion_range');
    wp_register_script( 'ion_js', 'https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.1/js/ion.rangeSlider.min.js', null, null, true );
wp_enqueue_script('ion_js');
    if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
        wp_enqueue_script( 'comment-reply' );
    }
    wp_enqueue_script ('modernizr', get_template_directory_uri() . '/js/modernizr-custom.js');
    wp_enqueue_script ('lazy', get_template_directory_uri() . '/js/jquery.lazyload.min.js');
    wp_enqueue_style ('global', get_template_directory_uri() . '/css/global.css');
    wp_enqueue_script ('scripts', get_template_directory_uri() . '/js/scripts.js');
    wp_localize_script ('scripts', 'js_variables', array ('js_home_url' => home_url(), 'ajaxURL' => admin_url( 'admin-ajax.php' ), ''));
}
add_action( 'wp_enqueue_scripts', 'chd_scripts' );

并把它放在我的头版

<input type="text" class="js-range-slider" name="my_range" value="" />

这在我的脚本中

$(".js-range-slider").ionRangeSlider({
  type: "double",
  min: 0,
  max: 1000,
  from: 200,
  to: 500,
  grid: true
});

但是，我的输入字段仍然是默认的。

有任何想法吗？

Answer 1

https://developer.wordpress.org/reference/functions/wp_enqueue_script/

您必须将“jquery”定义为依赖项，以便在您的 cdn 依赖项之前加载它