Ich habe lange gesucht, aber keine gute Lösung gefunden. Wenn ich die Site betrete, möchte ich, dass der Menüpunkt „DE“ fett angezeigt wird. Wenn ich auf „EN“ klicke, möchte ich, dass „DE“ wieder dünn und „EN“ fett dargestellt wird.
Die Website ist: https://kxplaw.live-website.com
Derzeit zeige ich Elemente mit der Klasse „current-menu-item“ erfolgreich in Fettschrift an, aber dies schließt die Elemente nicht ein, wenn ich die Seite zum ersten Mal öffne.
Ich habe versucht, JavaScript zu verwenden, bin mir aber nicht ganz sicher, wie ich es zum Laufen bringen soll.
转到
外观 -> 菜单,然后在右上角点击屏幕选项。然后(如果未选中),勾选CSS 类选项,并为每个菜单项添加新的字段CSS 类(可选),并为EN和DE添加类menu-language。仅对于
DE添加类lang-DE仅对于
EN添加类lang-EN现在附加到点击事件上
// 点击时将添加会话存储语言参数 jQuery(document).on("click", ".menu-language", function(){ var lang = jQuery(this).text(); sessionStorage.setItem("language", lang); }); // 每次页面加载时,我们检查语言参数,然后加粗选定的语言 // 默认值为 "DE" var language = sessionStorage.getItem("language") ?? 'DE'; if(language != null) { jQuery(".lang-" + language).css({"font-weight": "bold"}) }现在每个页面上选定的语言将会加粗显示。