Поставить CDN в WordPress - PullRequest
Новая
       74

Поставить CDN в WordPress

0 голосов
/ 02 апреля 2020

Я посмотрел на этот вопрос

Как поставить в очередь скрипты в WordPress из CDN?

Но это не работает.

Я пытаюсь установить этот RangeSlider 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
});

Тем не менее, мое поле ввода по-прежнему по умолчанию.

Есть идеи?

1 Ответ

0 голосов
/ 02 апреля 2020

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

Вы должны определить «jquery» как зависимость, чтобы она была загружена до вашей зависимости cdn

...