Question

使用Jquery（1.6）Tabs的项目工作得很好但是想知道是否有一种方法可以在url中使用hash标签时停止页面关注内容div，这是我怀疑的浏览器书签功能问我是否可以覆盖它，停止它或替代解决方案？

我已经有了替代的javascript引用解决方案，即使ids变钝并在数组中重新引用它们，所以当你使用某个哈希时，它被翻译成“tab1”，例如，这个位很容易质疑它是否可能通过简单地停止自动对焦的方法。

示例场景：

访问www.domain.com/about-us#company-info
www.domain.com/about-us加载并选项卡“company-info”激活，浏览器侧重于与选项卡具有相同ID的div，其中选项卡的内容隐藏整个标题部分。

代码如下：

<ul>
  <li><a href="#company-info">Company Info</a></li>
  <li><a href="#meet-the-team">Meet the team</a></li>
</ul>

<div id="company-info">
 content here
</div>
<div id="meet-the-team">
content here
</div>

<script>
   var tabs = $("#tabs").tabs({
    select: function(event, ui) {
     window.location.hash = ui.tab.hash;
    }
   });

 if(window.location.hash!=''){
   var param = window.location.hash;
   param = param.replace('#','');
   tabs.tabs('select',param);
 }
</script>

Answer 1

var tabs = $("#tabs").tabs({
    select: function(event, ui) {
      event.preventDefault();
      window.location.hash = ui.tab.hash;
      return;
   }
});

我认为应该这样做。

url hash标记停止滚动/聚焦

1 个答案: