瀏覽器記住最後打開的標籤頁，當點擊瀏覽器後退按鈕時

我使用產品標籤可以輕鬆地在我的主頁（Shopify網站）上篩選我的產品。但是，當用戶點擊查看產品，然後決定點擊後退按鈕時，瀏覽器將返回默認的「所有產品」類別，而不是實際打開的#tab。瀏覽器記住最後打開的標籤頁，當點擊瀏覽器後退按鈕時

代碼爲液體主動標籤是：

<div class="product-tab-content"> 
    <table class="nav nav-tabs table-center" role="tablist"> 
    {% for block in section.blocks %} 
     {% if block.settings.title != blank %} 
     <td role="presentation" class="{% if forloop.index == 1 %}{{'active'}}{% endif %}"><a href="#tab{{ forloop.index }}" aria-controls="tab{{ forloop.index }}" role="tab" data-toggle="tab"> 
     <img class="icon-hotkeys" src="{{ block.settings.image-icon | img_url: 'Vib1' }}"/> {{ block.settings.title }}</a></td> 
     {% endif %} 
    {% endfor %} 
    </table>

我已成功地使用戶返回到相同的滾動位置之前的，反正是有作出正確選項卡重裝也？對不起，如果這很簡單！任何幫助將非常感激！

來源

2017-09-03 user7131582

you can store the current tab in localstorage; 

// Store 
localStorage.setItem("current-tab", "value-like-id-of-the-current-tab"); 

// Retrieve 
localStorage.getItem("current-tab");

來源

2017-09-04 06:50:47 Sherwin

感謝您的回覆！我已經給了這個去，但它沒有奏效。也許我錯過了什麼？選中時的選項卡按鈕上有一個「活動」類。 – user7131582

當您單擊該選項卡時，是否將它追加到URL（例如/ #tab1）？

如果是這樣，當您離開然後回頭時，它是否會將您帶回更新的網址或原始網址？如果它是更新的，那麼您可能能夠在頁面加載中嗅探url並將.active應用於正確的選項卡。如果不是，則可能需要設置和讀取cookie（請參閱here），和/或更新window.history對象。

來源

2017-09-05 21:52:42

瀏覽器記住最後打開的標籤頁，當點擊瀏覽器後退按鈕時

回答

相關問題