如何用jtabs链接到标签？

我使用本网站上的步骤将标签添加到我正在处理的页面的一部分（stridertechnologies.com/stoutwebsite/products.php）：http：//code-tricks.com/create-a-simple-html5- 突片-使用-的jquery /

我想链接到主页上的不同选项卡，但我不知道如何在html之外的锚名称之外执行此操作，并且这不适用于此，并且没有关于如何执行此操作的任何说明网站。

看起来应该有一些非常简单的东西我可以添加到我的javascript来检测他们点击了哪个链接并使其成为活动标签。

JavaScript的：

;(function($){ $.fn.html5jTabs = function(options){ return this.each(function(index, value){ var obj = $(this), objFirst = obj.eq(index), objNotFirst = obj.not(objFirst); $("#" + objNotFirst.attr("data-toggle")).hide(); $(this).eq(index).addClass("active"); obj.click(function(evt){ toggler = "#" + obj.attr("data-toggle"); togglerRest = $(toggler).parent().find("div"); togglerRest.hide().removeClass("active"); $(toggler).show().addClass("active"); //toggle Active Class on tab buttons $(this).parent("div").find("a").removeClass("active"); $(this).addClass("active"); return false; //Stop event Bubbling and PreventDefault }); }); }; }(jQuery)); 

Answer 1

这个答案来自一个重复的问题： https ： //stackoverflow.com/a/20811416/3123649 。

您可以从链接中传递URL中的tab div id并使用它来选择。

index.html的主页链接：

 tile metal 

将此javascript添加到标签页

编辑：用编辑替换原始的focusTabfunction。 还要添加扩展函数attrNameStart 。 这应该取消选择默认的活动选项卡。 EDIT2： focusTab有一个bug，现在应该可以了

**我查看了您的网站，我的解决方案似乎对您有用。 有一点我注意到了。 您初始化html5jTabs()两次。

删除顶部的第一个电话

Answer 2

这样的事怎么样？ 基本上我们在按钮中获取数据切换的值，并将其传递到每个选项卡内容的选择器

JS

 $('a[data-toggle]').on('click', function () { var dataToggle = $(this).data('toggle'); $('.tabContent > div').removeClass('active'); $('.tabContent > div#'+dataToggle+'').addClass('active'); }); 

工作实例： http ： //jsfiddle.net/whiteb0x/VdeqY/