jQuery工具选项卡 - 命名锚点?

时间:2012-03-13 15:40:03

标签: javascript jquery tabs anchor

jQuery Tools选项卡v1.2让我陷入了困境。让我告诉你下面的问题。

<ul class="tabs">
<li><a href="#anchor">This is an item</a></li>
<li><a href="#anchor">This is an item</a></li>
<li><a href="#anchor">This is an item</a></li>
</ul>

<h1><a name="anchor></a>This Is The Header Where The Anchor Resides</h1>
<div class="panes">
<div>Here's the first item's content</div>
<div>Here's the second item's content</div>
<div>Here's the third item's content</div>
</div>

我要做的是当你点击每个项目时,你会被放到新的内容中,因此出现了新的div。而不是仅仅点击,而不是让你的窗口定位到新DIV的顶部。

问题?我有理由相信jQuery Tools&gt;选项卡脚本会自动在插件中的某个位置执行return false;。这不允许我在link属性中抛出任何href="#anchor"。它不会通过窗口/页面的位置显示,也不会显示在地址栏上。

我会直接去jQuery Tools的论坛然后问道,但是他们的论坛/支持似乎已经破了......就像网站其他部分的很好一部分,当然Stack Overflow最终会更好,并且过去对我好多了。

您可以在此处查看标签系统: http://jquerytools.org/demos/tabs/index.html

您可以在此处查看标签系统文档: http://jquerytools.org/documentation/tabs/index.html

您可以在此处查看Tab System jQuery / JavaScript: http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js

谢谢大家的帮助!

2 个答案:

答案 0 :(得分:1)

初始化标签时使用{history : true}选项

检查此链接 http://jquerytools.org/demos/tabs/history.html

答案 1 :(得分:0)

jQuery().ready(function () {
         jQuery('ul.tabs a').click(function(){
                 jQuery(window).scrollTop( jQuery('a[name="anchor"]').position().top );
         });
}

几分钟前提供此答案的是谁,我假设删除了它。这就是答案! :)。非常感谢你!

我也在使用友情网址运行MODx。所以这就行了。