Flexslider с проблемой Wordpress

Используя Flexslider с WordPress, консоль вообще не показывает ошибок, но слайдер не работает, я следую старому руководству, возможно, код обновлен, не уверен.

HTML:

<head>
<script>
                    $(window).on('load', function() {
                        $('#slider').flexslider({
                        animation: "slide"
                    });
                    });
                </script>
</head>
<body <?php body_class(); ?>>
<header class = "header clear" role = "banner">
                <div class = "navcanvas">
                    <div class = "wrapper">
                            <!-- logo -->
                            <div class = "logo">
                                <a href = "<?php echo home_url(); ?>">
                                    <?php the_custom_logo();?>
                                </a>
                            </div>
                            <!-- /logo -->

                            <!-- nav -->
                            <nav class = "nav" role = "navigation">
                                <?php html5blank_nav(); ?>
                            </nav>
                            <!-- /nav -->
                    </div><!-- /.wrapper -->
            </div><!-- /.navcanvas -->

            <div class = "slider">
                <ul class = "slides">
                    <li>
                        <img src = "http://lorempixel.com/g/920/300/" />
                    </li>
                    <li>
                        <img src = "http://lorempixel.com/g/920/300/" />
                    </li>
                    <li>
                        <img src = "http://lorempixel.com/g/920/300/" />
                    </li>
                </ul>
            <div>

</header>   <!-- /header -->

Functions.php

function html5blank_styles()
{

    wp_register_style('normalize', get_template_directory_uri() . '/normalize.css', array(), '1.0', 'all');
    wp_enqueue_style('normalize'); // Enqueue it!

    wp_register_style('html5blank', get_template_directory_uri() . '/style.css', array(), '1.0', 'all');
    wp_enqueue_style('html5blank'); // Enqueue it!;


    wp_register_style('flexslidercss', get_template_directory_uri() . '/css/flexslider.css', array(), '2.7.1', 'all');
    wp_enqueue_style('flexslidercss'); //Slider css

// Load HTML5 Blank scripts (header.php)
function html5blank_header_scripts()
{
    if ($GLOBALS['pagenow'] != 'wp-login.php' && !is_admin()) {
        //Jquery
        wp_deregister_script( 'jquery' );
        // wp_enqueue_script('jquery');

        wp_register_script('jquery', get_template_directory_uri() . '/js/jquery-3.3.1.min.js', array(), '4.3.0'); // Conditionizr
        wp_enqueue_script('jquery'); // Enqueue it!

          wp_register_script('conditionizr', get_template_directory_uri() . '/js/lib/conditionizr-4.3.0.min.js', array(), '4.3.0'); // Conditionizr
        wp_enqueue_script('conditionizr'); // Enqueue it!

        wp_register_script('modernizr', get_template_directory_uri() . '/js/lib/modernizr-2.7.1.min.js', array(), '2.7.1'); // Modernizr
        wp_enqueue_script('modernizr'); // Enqueue it!

        wp_register_script('html5blankscripts', get_template_directory_uri() . '/js/scripts.js', array('jquery'), '1.0.0'); // Custom scripts
        wp_enqueue_script('html5blankscripts'); // Enqueue it!

        wp_register_script('flexslider', get_template_directory_uri() . '/js/jquery.flexslider-min.js', array('jquery'), '2.7.1'); // Custom scripts
        wp_enqueue_script('flexslider'); // Slider js

    }
}

Похоже, что эта ошибка возникает у многих людей. Сообщите мне, если потребуется какой-либо снимок экрана или код. похоже, что stackoverflow не позволит мне публиковать, если я не введу некоторые детали, которые не нужны. пожалуйста, проигнорируйте весь этот абзац.

Я не вижу, чтобы вы ставили стили и скрипты в очередь, используя: add_action( 'wp_enqueue_scripts', 'my_function' ); !!

— 12.01.2019 08:06

Я использую тему html5blank, внизу js загружается, но не работает

— 12.01.2019 08:22

javascript wordpress flexslider

12.01.2019 07:48

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

276

Другие вопросы по теме

Почему успешный ответ Ajax недоступен

Как мне отредактировать html в строке главного меню моего сайта wordpress? (хотел бы добавить к нему логотип сайта)

Удалить термины, которые не содержат сообщений, при удалении терминов из сообщения

Заменить логотип WordPress по умолчанию на логотип текущей темы на странице входа в WordPress

WordPress body_class () не добавляет классы CSS

Мультисайт 404 на админке поддомена и петле перенаправления сети

Несколько сообщений от WooCommerce Rest API $ woocommerce-> post ("продукты", $ data);

Как ограничить wp-admin поиском только по заголовкам

Как я могу запустить код Javascript после 5 минут загрузки Интернета?

Есть ли способ получить данные из настраиваемой таблицы worpress, мой запрос выбирает последний обновленный элемент в таблице

Flexslider с проблемой Wordpress

Другие вопросы по теме

Похожие вопросы