Jak połączyć się z kartami za pomocą jtabs?
Dodałem karty do sekcji mojej strony, nad którą pracuję (stridertechnologies.com/stoutwebsite/products.php), korzystając z kroków znalezionych na tej stronie:http://code-tricks.com/create-a-simple-html5-tabs-using-jquery/
Chcę połączyć się z różnymi kartami ze strony głównej, ale nie jestem pewien, jak to zrobić poza nazwami kotwic z HTML, a to nie działa z tym i nie ma żadnych instrukcji, jak to zrobić Strona.
Wygląda na to, że powinno być coś naprawdę prostego. Mogę dodać do mojego javascript, aby wykryć kliknięty link i uczynić go aktywną kartą.
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));