国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - mui.back() 怎么重寫(xiě),返回到指定的ID頁(yè)面?
怪我咯
怪我咯 2017-06-26 10:52:39
0
1
1238

我的首頁(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)不同的人生

全部回復(fù)(1)
學(xué)習(xí)ing

哈哈哈, 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-gobackdata-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))

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板