Question

我看到了类似问题over here的精彩解决方案，但由于某种原因，我似乎无法在my page上使用相同的解决方案。我尝试创建指向该部分的直接链接，但是当我输入http://www.scicoll.org/events.html#DC-GRB时，它似乎无法正常工作。

我是JavaScript的新手（有一天我会过去剪切粘贴！），所以任何帮助都会受到赞赏！

Answer 1

实际上你的工作正常：

$(document).ready(function () {
  location.hash && $(location.hash + '.collapse').collapse('show');
});

显示所需信息的崩溃现在不是您的问题。只需要在URL散列来自不同的标签时进行捕获，并在隐藏时显示它。您可以在页面底部的jquery脚本中添加此代码：

$(document).ready(function () {
  location.hash && $(location.hash + '.collapse').collapse('show');
  if(location.hash.length > 2 && location.hash.substring(1,3) == "DC"){
    $('[href=#past]').trigger('click');
  }
});

这意味着：如果您的location.hash已启用并且比2更加满意（fe #DC-GRB），您将在相关的"click"链接上触发包含您的信息的事件a 。

或（您可以在之前进行逻辑验证）：

if(location.hash){
    $("a[href=#"+$(location.hash).closest(".tab-pane").attr("id")+"]").trigger("click");
}

在哈希和标签之间添加所有验证流程。

从另一页链接到Bootstrap 3手风琴内的DIV

1 个答案: