在 Wordpress 站点的控制台日志中出现 JS 错误,但在 html 站点中却没有

JS error in console log in Wordpress site but not in html site

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

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> 标记之前的页脚中调用脚本。

希望它对你有用。

谢谢。