• Не работает Slick Slider в Wordpress?

    andrashh
    @andrashh
    Почему бы и да?
    Сделай по моему примеру.. WordPress уже за тебя подключает jQuery, тебе остается прописать зависимости к нему.
    function theme_scripts() {
    	wp_enqueue_style( 'theme-style', get_stylesheet_uri() );
    	// Custom scripts
    	wp_enqueue_script( 'custom-common', get_template_directory_uri() . '/js/common.js', array('jquery'), null, true );
    
    	// Bootstrap
    	wp_enqueue_script( 'bootstrap-popper', '//cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js', array('jquery'), null, true );
    	wp_enqueue_script( 'bootstrap-min', '//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js', array('jquery'), null, true );
    	// Owl carousel JS
    	wp_enqueue_script( 'owl-carousel', get_template_directory_uri() . '/libs/owl-carousel/owl.carousel.min.js', array('jquery'), null, true );
    	// Phone mask
    	wp_enqueue_script( 'masket', get_template_directory_uri() . '/libs/inputmask/inputmask.js', array('jquery'), null, true );
    	wp_enqueue_script( 'extensions', get_template_directory_uri() . '/libs/inputmask/inputmask.extensions.js', array('jquery'), null, true );
    	wp_enqueue_script( 'num-extensions', get_template_directory_uri() . '/libs/inputmask/inputmask.numeric.extensions.js', array('jquery'), null, true );
    	wp_enqueue_script( 'inputmask', get_template_directory_uri() . '/libs/inputmask/jquery.inputmask.js', array('jquery'), null, true );
    }
    add_action( 'wp_enqueue_scripts', 'theme_scripts' );

    array('jquery'), null, true - ( зависимость от jQuery, убираем версию, размещаем в футере ).
    wp_enqueue_script - сразу регистрирует стиль и добавляет его в тему, укажи отличительный $handle для скриптов и стилей.
    Если есть свой файл .js
    jQuery( document ).ready(function( $ ){
     //code
    });
    Ответ написан
    3 комментария