javascript - 从另一页链接到Bootstrap 3 Accordion 内的DIV

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（例如 #DC-GRB），则将在相关的 "click"链接上触发包含您的信息的事件 a。

或（您可以在前面加上逻辑验证）：

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

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