2012-10-10 29 views
0

如果你看http://jquerymobile.com/demos/1.2.0/docs/toolbars/bars-fixed.html頁面,你會看到一個帶有選擇器的工具欄,用於基本,選項,方法。它加載不同的頁面,因此它的行爲就像是頁面內的導航欄。jquerymobile工具欄不應該創建歷史記錄

但是,每次單擊其中一項時,它會在您的歷史記錄中輸入一個條目。如果你有一個這樣的頁面,並有一個data-rel = back按鈕,或者用戶點擊後退按鈕,它會將你帶到以前的工具欄選擇,而你希望完全離開頁面。

我怎樣纔能有這樣的工具欄具有不污染歷史的錨定標籤?

在我的應用程序中,此工具欄代表首選項設置,並根據設置,下面的其他設置將變爲可用。所以我需要能夠點擊[返回]並退出設置頁面。

+0

如果你鏈接到'data-role =「對話框''元素,那麼你可以阻止jQuery Mobile將導航添加到URL:http://jquerymobile.com/demos/1.2.0/docs /pages/page-links.html(查看「鏈接示例」)。 – Jasper

+0

我確實嘗試過......但對話框帶有很多行李,像重新塑造看起來像一個模態。 – bmidgley

回答

0

它看起來像錨標籤不適合這種用途。錨只是爲了留下歷史。我已經切換到單選按鈕(它們可以被設置爲相同的樣式),然後我可以根據通過回調選擇哪個廣播來顯示/隱藏文檔的各個部分。

<div data-role="fieldcontain"> 
     <fieldset data-role="controlgroup" data-type="horizontal"> 
      <legend>Team role:</legend> 
      <input type="radio" name="radio-view" id="radio-view-a" value="list" checked/> 
      <label for="radio-view-a">Robot</label> 
      <input type="radio" name="radio-view" id="radio-view-b" value="grid" /> 
      <label for="radio-view-b">Controller</label> 
     </fieldset> 
    </div> 
+0

嗨,我認爲這個解決方案非常棒。您是否也可以共享這些樣式,以便讓一個無線按鈕組看起來像是一個導航欄?謝謝。 –