Question

我有一个小的jQuery代码段，当WordPress帖子的body类过期时执行。当我登录时，它会隐藏某些元素并且可以正常工作，但是当我退出时，它会不断抛出一个JQuery-$未定义错误。

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

尝试一下

(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

您可以了解有关here

的信息

Answer 2

步骤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>

jQuery-注销时未定义$

2 个答案: