我的首頁(yè)有四個(gè)頁(yè)面,實(shí)際上是一個(gè)頁(yè)面,四個(gè)ID,通過(guò)底部的nav顯示哪個(gè)ID對(duì)應(yīng)的頁(yè)面。如果我在第四個(gè)ID頁(yè)面點(diǎn)擊返回按鈕,執(zhí)行 .mui-action-back 這個(gè)控件,但是沒(méi)有反應(yīng)。我應(yīng)該怎么做,同樣點(diǎn)擊 .mui-action-back 這個(gè)控件由第四個(gè)ID頁(yè)返回到第一個(gè)ID頁(yè)面?謝謝!
<!--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>
<!--分別對(duì)應(yīng)不同的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>
當(dāng)我點(diǎn)擊me的返回上一頁(yè)時(shí),我希望可以回到 id 為 home 的頁(yè)面。
走同樣的路,發(fā)現(xiàn)不同的人生
哈哈哈, mui, 比較擅長(zhǎng) $ { 打引號(hào) $
有且只提供思路:
對(duì)于這種page切換, 假設(shè)每個(gè)page都占滿全屏:
設(shè)置一個(gè)公共樣式: .indexHtml-page
每當(dāng)頁(yè)面跳轉(zhuǎn), .indexHtml-page -> display:none;
同時(shí): herfId -> dispaly : block
恩, 一般每個(gè)page我都會(huì)重寫(xiě)一個(gè) header > a.mui-action-back
; 然后每一個(gè)a都有一個(gè)herfID 跳轉(zhuǎn)到他應(yīng)該去的地方
那么問(wèn)題來(lái)了, 如果我是共用一個(gè) header > a.mui-action-back
要返回上一個(gè)跳過(guò)來(lái)的page, 么搞????
跳轉(zhuǎn)前:
<a class="mui-tab-item" data-goback="true" data-href="#support">
<span class="mui-icon iconfont icon-support"></span>
<span class="mui-tab-label">SUPPORT</span>
</a>
添加 data-goback 與 data-href;
我目前實(shí)現(xiàn)的函數(shù)是要求 data-goback
與 data-href
配套使用的, 而且只使用在這種單頁(yè)page跳轉(zhuǎn)中
JS 判斷: 如果此 a[data-href]
元素 擁有data-goback, 則記錄下當(dāng)前所在page的 id( 可以用sessionStroage ), 等到點(diǎn)擊 a.mui-action-back , 則先訪問(wèn)sessionStroage(注意: 返回后應(yīng)該空sessionStroage))