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
P粉547362845
P粉547362845 2023-08-18 11:19:20
0
1
434

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.

P粉547362845
P粉547362845

Antworte allen (1)
P粉718730956

转到外观 -> 菜单,然后在右上角点击屏幕选项。然后(如果未选中),勾选CSS 类选项,并为每个菜单项添加新的字段CSS 类(可选),并为ENDE添加类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"}) }

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

    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!