Ein Menüelement beim Laden der Seite fett formatieren und ein anderes Menüelement beim Klicken fett formatieren: Hier erfahren Sie, was Sie in WordPress tun können

Question

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.

Answer 1

转到 外观 -> 菜单，然后在右上角点击 屏幕选项。然后（如果未选中），勾选 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"})
}

现在每个页面上选定的语言将会加粗显示。