Question

我正在构建Woocommerce / Bootstrap网站，我需要帮助。目前结账表单分为三个选项卡，在最后一个选项卡中，最终付款客户希望为买家提供改变主意的最后机会。

问题在于，如果买家决定更新带有额外产品数量的购物车，则会刷新页面，并且表单会弹出第一个标签。

我正在使用此功能，但它无效...

    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").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;
})

以上可能有所帮助。

重新加载页面后转到相同的选项卡

1 个答案: