在WordPress中排队CDN

Question

我看过这个问题

How to enqueue scripts in WordPress from CDN?

但是它不起作用。

我正在尝试安装rangeRlider http://ionden.com/a/plugins/ion.rangeSlider/start.html，但无法正常工作。

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

我尝试将CDN放在页脚中，但无济于事，并使用npm进行安装。

我的函数入队脚本当前看起来像这样，所以我确实有jQuery入队。我试图在此处放置离子范围样式和脚本。

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依赖项之前加载