刷新頁面後保留在同一標籤頁

$(function() { 
    // constants 
    var SHOW_CLASS = 'show', 
     HIDE_CLASS = 'hide', 
     ACTIVE_CLASS = 'active'; 

    $('.tabs').on('click', 'li a', function (e) { 
     e.preventDefault(); 
     var $tab = $(this), 
      href = $tab.attr('href'); 


     $('.active').removeClass(ACTIVE_CLASS); 
     $tab.addClass(ACTIVE_CLASS); 

     $('.show') 
      .removeClass(SHOW_CLASS) 
      .addClass(HIDE_CLASS) 
      .hide(); 

     $(href) 
      .removeClass(HIDE_CLASS) 
      .addClass(SHOW_CLASS) 
      .hide() 
      .fadeIn(550); 
    }); 
});

我試過hiddenfield方法，但不知何故，我仍然無法在刷新後保持在同一個標簽上。以上是我從JS文件得到的代碼。刷新頁面後保留在同一標籤頁

來源

2017-01-14 Vicky Ng

請提供一個[mcve] – charlietfl

使用'localStorage.setItem（'currentTab'，value）'將tab改名並保存'localStorage.getItem（'currentTab'，value）'在頁面加載後檢索存儲值，即在'$（document）.ready（function（）{...}）'中 –

您可以將錨點添加到鏈接並使用location.hash從URL抓取散列。

如果沒有href標記，則不需要e.preventDefault();，您可以使用data屬性代替。

來源

2017-01-16 10:19:02 eapo

刷新頁面後保留在同一標籤頁

回答

相關問題