Question

我希望能够自动打开，滚动到特定的Bootstrap选项卡，然后滚动到该选项卡中的折叠项目。

我发现下面的代码显然适用于崩溃项目，但我想知道如何将它与标签项集成。

var url = document.location.toString();
if ( url.match('#') ) {
    var hash = url.split('#')[1];

    // collapse the expanded panel
    $('#accordion .accordion-collapse').removeClass('in');

    // expand the requested panel
    $('#' + hash + '_c').addClass('in');
}

我要打开的标签是#faq，但就可折叠商品而言，我不确定上面的代码是否正确，因为每个商品的ID似乎都是#ui-id-1，它不仅动态设置，而且不包含选项卡的内容（这是一个常见问题解答系统）。

可以在http://dev.bellavou.co.uk/face/facelift/

查看页面

有关如何访问该页面的任何想法，导航到常见问题解答标签，然后使用单个网址（类似http://dev.bellavou.co.uk/face/facelift/#faq-what-is-the-recovery-like）打开指定的问题/答案

Answer 1

您可以通过以下方式打开指定标签：

$('a[href="#tabid"]').tab('show');

然后按照您的代码中的方式打开可抓取的内容。您还可以在选项卡上设置“活动”类以获得相同的结果。

如何从URL自动打开Bootstrap Tab和Collapse项？

1 个答案: