javascript - 在Wordpress网站中的控制台日志中出现JS错误，但在HTML网站中却没有

This question already has answers here:

TypeError: $ is not a function when calling jQuery function
                            
                                （16个答案）
                            
                    
                2年前关闭。
        

    

我在控制台日志中收到此错误消息：

Uncaught TypeError: $ is not a function它引用以下行：$('.bericht').append(themessage);

这是我完整的JS文件：

var thehours = new Date().getHours();
var theminutes = new Date().getMinutes();
var themessage;
var open = ('nu open');
var gesloten = ('nu gesloten');

if (thehours === 9 && theminutes >= 30) { // 09:30 - 10:00 open
    themessage = open;

}   else if (thehours >= 10 && thehours < 18) { // 10:00 - 18:00 open
themessage = open;

}   else { // when we are not open - we are closed :)
themessage = gesloten;
}

$('.bericht').append(themessage);


var thehours1 = new Date().getHours();
var theminutes1 = new Date().getMinutes();
var themessage1;
var open1 = ('09.30 - 18.00');
var gesloten1 = ('18.00 - 09.30');

if (thehours1 === 9 && theminutes1 >= 30) { // 09:30 - 10:00 open
    themessage1 = open1;

}   else if (thehours1 >= 10 && thehours1 < 18) { // 10:00 - 18:00 open
    themessage1 = open1;

}   else { // when we are not open - we are closed :)
    themessage1 = gesloten1;
}


$('.bericht1').append(themessage1);

在我的html网站中，JavaScript可以完美运行，并且根据一天中的不同时间，我会收到不同的消息，但是在我的Wordpress网站中，这两个消息均不会出现。

知道为什么会这样，以及我可以做些什么来使其工作？

非常感谢。

最佳答案

尝试使用jQuery代替$，例如：

jQuery('.bericht').append(themessage);

它应该工作。

如果它不起作用，则只需检查您的视图源以确认您没有多次调用jQuery库文件，然后尝试在</body>标记之前的页脚中调用脚本。

希望它对您有用。

谢谢。