重新加載頁面後轉到同一標籤頁

Question

我正在構建Woocommerce/Bootstrap網站，我需要某些幫助。 當前結帳表單分爲三個選項卡，在最終付款之前的最後一個選項卡中，客戶希望爲買家提供最後一次機會以改變主意。

問題是，如果買方決定更新購物車與額外的產品數量頁面得到刷新，並形成beck到第一個選項卡。

我使用這個功能，但它不工作...

var hash = location.hash 
    , hashPieces = hash.split('?') 
    , activeTab = $('[href=' + hashPieces[0] + ']'); 
    activeTab && activeTab.tab('show'); 

這是有人蔘與的框架建立，但它不是爲我工作提供了明顯的代碼。有沒有可能更新購物車，而無需刷新頁面。 對於任何人想幫助我的網址是誰

http://176.9.5.243/~divesdes/shop 

我也嘗試過使用jQuery選項卡插件來做到這一點，它使用

$(".tabs").tabs({ 
    select: function(event, ui) {     
    window.location.replace(ui.tab.hash); 
    }, 
    }); 

，但只有當頁面手動刷新工作正常並且更新購物車還會在頁面重新加載時顯示第一個標籤。

幫助將不勝感激。

感謝

Answer 1

Twitter Bootstrap Tabs: Go to Specific Tab on Page Reload or Hyperlink

// Javascript to enable link to tab 
var url = document.location.toString(); 
if (url.match('#')) { 
    $('.nav-tabs a[href=#'+url.split('#')[1]+']').tab('show') ; 
} 

// Change hash for page-reload 
$('.nav-tabs a').on('shown', function (e) { 
    window.location.hash = e.target.hash; 
}) 

上面可能會有幫助。