suchen

Heim  >  Fragen und Antworten  >  Hauptteil

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>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. </p> <p>Die Website ist: https://kxplaw.live-website.com</p> <p>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. </p> <p>Ich habe versucht, JavaScript zu verwenden, bin mir aber nicht ganz sicher, wie ich es zum Laufen bringen soll. </p>
P粉547362845P粉547362845456 Tage vor515

Antworte allen(1)Ich werde antworten

  • P粉718730956

    P粉7187309562023-08-19 09:58:30

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

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

    Antwort
    0
  • StornierenAntwort