javascript - 深度链接基础 5 个选项卡

Question

更新

截至v5.5.1基础选项卡支持深度链接。

---

深层链接不适用于 Foundation 5 选项卡，因此我正在尝试破解。

我的想法是使用 jQuery 触发相应选项卡上的点击，但它不起作用。

var hash = window.location.hash;
$(function() {
  $(window).on('load', function () {
    $(hash).trigger( "click" );
    console.log(hash)
  });
});

console.log 显示了正确的散列，但“点击”似乎不起作用。

我想知道允许我深度链接 Foundation 5 Tabs 的任何解决方法或技巧。

Answer 1

您也可以在 Foundation init 中通过 JS 进行设置:

$(document).foundation({
    tab: {
        deep_linking:true       
    }
});

如果你不希望页面滚动到新选择的标签，你可以这样做:

$(document).foundation({
    tab: {
        deep_linking:true,
        scroll_to_content: false
    }
});