JQuery - $ не определяется при выходе

Question

У меня есть небольшой фрагмент jQuery, который выполняется, когда у сообщения WordPress истек срок действия класса тела. Он скрывает определенные элементы и работает нормально, когда я вошел в систему, но когда я вышел из системы, он продолжает выдавать ошибку JQuery - $ is notfined.

var $=jQuery.noConflict();
$(document).ready(function () {
    jQuery(function ($) {
        if ($("body").hasClass("expired")) {
            $('.button-link').css('display', 'none !important');
            $(".countdown-wrapper").hide();
            $(".button-link").hide();
            $(".size-default").hide();
    }
    });
});

Любые эксперты по WordPress, возможно, могут указать мне направильное направление?

Answer 1

Шаг 1: Включение библиотеки jQuery

wp_enqueue_script( 'YOUR-JS_NAME', get_template_directory_uri() .'/js/YOUR-JS_NAME.js', array('jquery'), '1.0', true );

Шаг 2: Структура файла JavaScript

(function($) {
    var $=jQuery.noConflict();
    $(document).ready(function () {
        jQuery(function ($) {
            if ($("body").hasClass("expired")) {
                $('.button-link').css('display', 'none !important');
                $(".countdown-wrapper").hide();
                $(".button-link").hide();
                $(".size-default").hide();
        }
        });
    });
})(jQuery);

Шаг 3: Убедитесь, что jQuery загружен

<script src="http://code.jquery.com/jquery-1.11.2.min.js" type="text/javascript"></script>

Answer 2

Попробуйте это

(function ($) {//use $ and expect something
    $(document).ready(function () {
        if ($("body").hasClass("expired")) {
            $('.button-link').css('display', 'none !important');
            $(".countdown-wrapper").hide();
            $(".button-link").hide();
            $(".size-default").hide();
        }
    });

})(jQuery);//pass jQuery

Вы можете прочитать об этом здесь