Halaman utama saya mempunyai empat halaman Ia sebenarnya satu halaman dengan empat ID Nav di bahagian bawah menunjukkan ID yang sepadan dengan halaman. Jika saya mengklik butang kembali pada halaman ID keempat, kawalan .mui-action-back dilaksanakan, tetapi tiada respons. Apakah yang perlu saya lakukan untuk turut mengklik kawalan .mui-action-back untuk kembali ke halaman ID pertama daripada halaman ID keempat? Terima kasih!
<!--bottom nav-->
<nav class="mui-bar mui-bar-tab anviz-bar-bottom">
<a class="mui-tab-item mui-active" href="#home">
<span class="mui-icon iconfont icon-home"></span>
<span class="mui-tab-label">HOME</span>
</a>
<a class="mui-tab-item" href="#support">
<span class="mui-icon iconfont icon-support"></span>
<span class="mui-tab-label">SUPPORT</span>
</a>
<a class="mui-tab-item" href="#products">
<span class="mui-icon iconfont icon-product"></span>
<span class="mui-tab-label">PRODUCTS</span>
</a>
<a class="mui-tab-item" href="#me">
<span class="mui-icon iconfont icon-profile"></span>
<span class="mui-tab-label">ME</span>
</a>
</nav><!--分别对应不同的ID-->
<p id="contentGroup" class="mui-slider-group roleRight anviz-animation">
<p id="home" class="mui-slider-item mui-control-content mui-active"></p>
<p id="support" class="mui-slider-item mui-control-content"></p>
<p id="products" class="mui-slider-item mui-control-content"></p>
<p id="me" class="mui-slider-item mui-control-content"></p>
</p>Apabila saya mengklik saya untuk kembali ke halaman sebelumnya, saya berharap untuk kembali ke halaman dengan id rumah.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Hahaha, mui, lebih pandai $ {petik markah $
Ada dan hanya idea yang disediakan:
Untuk penukaran halaman jenis ini, anggap setiap halaman menggunakan skrin penuh:
Tetapkan gaya awam:
.indexHtml-pageSetiap kali halaman melompat,
.indexHtml-page -> display：none；同时：herfId -> dispaly : blockNah, biasanya saya akan menulis semula setiap halaman
header > a.mui-action-back; dan kemudian setiap a akan mempunyai herfID untuk melompat ke tempat yang sepatutnyaMaka persoalannya, jika saya berkongsi
header > a.mui-action-backdan ingin kembali ke halaman yang dilangkau sebelumnya, apakah yang perlu saya lakukan? ?Sebelum lompat:
Fungsi yang saya laksanakan pada masa ini diperlukan untuk digunakan bersama dengan
data-goback与data-href, dan hanya digunakan dalam lompat halaman satu halaman seperti iniPenghakiman JS: Jika elemen
a[data-href]ini mempunyai data-goback, rekod id halaman semasa (anda boleh menggunakan sessionStroage), tunggu sehingga a.mui-action-back diklik, kemudian lawati sessionStroage dahulu (nota: sessionStroage sepatutnya kosong lepas balik) ))