javascript：解决深层链接问题

Question

我在HTML结构中有一个标签组件

 <ul>
     <li><a id='tab1' href='/url#tab1'> Tab1 </a></li>
     <li><a id='tab2' href='/url#tab2'> Tab2 </a></li>
     <li><a id='tab3' href='/url#tab3'> Tab3 </a></li>
    </ul>

    <div class='tab-content'>
     content of respective div loaded on click.
    </div>

这里作为点击处理程序的各个TAB的内容就位，并且它没有任何工作正常 问题。点击处理程序看起来像

$('#tab2').click(function() {
  //show tab2 content.
});

现在，我必须支持深层链接，以便当用户通过网址http://url#tab2时，需要显示相应的标签内容。所以对此， 我的方法是使用'hashchange'事件，它将读取哈希参数并根据哈希值加载内容。

查询或痛苦是不是会导致点击事件和哈希更改事件之间发生冲突？

在这种情况下解决深度感的适当方法是什么？