Menjadikan elemen menu tebal apabila halaman dimuatkan dan tebalkan elemen menu lain pada klik, inilah perkara yang perlu dilakukan dalam WordPress

Question

Saya sudah lama mencari tetapi tidak menemui penyelesaian yang baik. Apabila saya memasuki tapak, saya mahu item menu DE menjadi tebal, dan jika saya mengklik EN, saya mahu DE kembali menjadi nipis, dan EN menjadi tebal.

Tapak web ialah: https://kxplaw.live-website.com

Pada masa ini saya berjaya memaparkan elemen dengan kelas item menu semasa dalam huruf tebal, tetapi ini tidak termasuk elemen apabila saya mula-mula membuka halaman.

Saya telah mencuba menggunakan JavaScript tetapi saya tidak pasti bagaimana untuk menjadikannya berfungsi.

Answer 1

Pergi ke 外观 -> 菜单，然后在右上角点击 屏幕选项。然后（如果未选中），勾选 CSS 类 选项，并为每个菜单项添加新的字段 CSS 类（可选），并为 EN 和 DE 添加类 menu-language.

Hanya untuk DE 添加类 lang-DE

Hanya untuk EN 添加类 lang-EN

Kini dilampirkan pada acara klik

// 点击时将添加会话存储语言参数
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"})
}

Bahasa yang dipilih kini akan dicetak tebal pada setiap halaman.