未定义ReferenceError:未定义FastClick

Question

我在我的联系人表单7中安装和活动WordPress日期选择插件到活动日期选择器。

我在控制台中得到并发布了未定义的ReferenceError: FastClick。

App.js

"use strict";
jQuery(function() {
    return FastClick.attach(document.body), $(".back-to-top").on("click", function(t) {
        return t.preventDefault(), $("html,body").animate({
            scrollTop: 0
        }, "500", "swing")
    }), $(window).scroll(function() {
        return $(window).scrollTop() >= 80 ? $("header").addClass("after-scroll") : $("header").removeClass("after-scroll")
    }), $(window).width() > 1024 ? $.stellar({
        horizontalScrolling: !1,
        verticalOffset: 100
    }) : void 0
});

Answer 1

将插件包装在下面的行中，jquery在wordpress中有jQuery名称空间

(function($){
//the plugin js code
})(jQuery);

Answer 2

听起来这个插件可能构造得很糟糕，或者其他插件正在取消对FastClick脚本的排队(不管出于什么奇怪的原因.)，所以依赖关系就消失了。

如果你觉得舒服，一种选择是尝试加入FastClick.

 wp_enqueue_script('fastclick', 'https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js', array(), false, true);

您只需要确保它是在这个插件的脚本之前加载的，这样它才能真正地引用它并知道它的存在。

话虽如此，这个插件听起来很混乱。我不会用它的。

Answer 3

有时，当您使用缓存或在快速加载之前加载的jQuery时，单击JS，然后当我们必须在正文上加载它时，我们可以使用windows.load函数。

window.onload = function() {
//code goes here
}

在我的例子中，我在子主题footer.php中使用快速单击JS。