javascript - jquery bagaimana untuk mengekalkan gaya tab selepas tag melompat

Question

Seperti yang ditunjukkan di bawah, pengepala html ini dikongsi Sekarang saya mahu halaman melompat ke sana, tetapi saya juga ingin memastikan gaya kekal dipilih selepas mengklik untuk melompat. Saya menggunakan location.href untuk mengawal lompatan dalam js tetapi ia masih tidak berfungsi sekiranya Ia dimuat semula,

Apa yang perlu saya lakukan?

Saya mahu menjadikannya seperti segmen

伊谢尔伦 · Answer

Pilihan 1: Tentukan tag yang diserlahkan berdasarkan URL anda
1. Dapatkan URL:

console.log(location.href)
///q/1010000009520710 我测试的是当前页

2. Cari kata kunci berdasarkan URL Merujuk kepada kod anda, anda boleh mendapati bahawa setiap URL tag mempunyai halaman utama kata kunci = '' Merekrut Artis = 'shejishi' Art Works = 'zuopin'
3 anda temui Tentukan tag yang diserlahkan

Nota: Ini agak mudah tetapi mungkin tidak begitu fleksibel Jika navigasi tidak pasti, kata kunci juga tidak pasti, yang tidak akan memudahkan penyelenggaraan kod

.

Pilihan 2: Lulus parameter melalui URL
1 Ubah suai pautan 'sheijishi/list?index=1', 'zuopin/list?index=2'
2 Dapatkan nilai indeks melalui pautan a dan tetapkan yang sepadan sorotan tag
Nota: Ini lebih fleksibel, tetapi URL kelihatan agak rumit dan tidak sedap dipandang.

Pilihan 3: localStorage Master di atas juga menyebutnya sebentar tadi Di bawah operasi biasa, tiada masalah Jika pengguna mengklik 'sheijishi/list' dan membuka halaman utama dalam tab baharu, yang diserlahkan akan menjadi 'Pengambilan' Artis. Menu

Terdapat banyak kaedah, bergantung pada pemikiran peribadi anda untuk menentukan pelan tertentu

高洛峰 · Answer

Tentukan halaman semasa yang mana, dan kemudian tambah pilih pada sub-tagnya

Sebagai contoh, setiap halaman mentakrifkan var currentTab = '';

Sebagai contoh, pada halaman karya seni var currentTab = 'zuopian';

html

招聘美工
美工作品


js

$(function(){
   var currentTab = 'zuopian';
   $('.'+currentTab).find('a').addClass('select'); 

})

PHP中文网 · Answer

jsp diproses seperti ini:

Kaedah untuk mendapatkan nilai parameter dalam menu.jsp: ${param.item}

Boleh juga diproses dengan JS:

Dapatkan parameter dalam menu.js:

var item = $("#menu-js").data("item");
alert("=="+item);

習慣沉默 · Answer

Selepas lompat, bawa indeks tab,,, dan gunakan js untuk memprosesnya,

给我你的怀抱 · Answer

Cara paling mudah adalah dengan menghantar parameter Jika anda tidak memerlukan penyemak imbas sebelumnya, anda boleh menggunakan localStorage untuk menyimpan nilai yang berkaitan Hanya pergi ke halaman mana untuk membaca nilai dan memulakannya