Problem med jQuery Tabs och jFlow-function!

Hej alla,

jag har en enkel tab-funktion skapad med jquery (http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/).

Sen har jag en content slider som heter jFlow (http://return-true.com/jflow-slide-example/)

Tab-funktionen ser ut så här:

$(".tabs-content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tabs-content:first").show();
	
$("ul.tabs li").click(function() {
	$("ul.tabs li").removeClass("active");
	$(this).addClass("active");
	$(".tabs-content").hide();
	var activeTab = $(this).find("a").attr("href");
	$(activeTab).show();
	return false;
});

JFlow-funktion:

$("#products-nav").jFlow({  
		slides: "#slider",   
		controller: ".jFlowControl",  
		slideWrapper : "#jFlowSlide",  
		selectedWrapper: "jFlowSelected",    
		width: "290px",    
		height: "380px", 
		duration: 400,  
		prev: ".jFlowPrev", 
		next: ".jFlowNext"
	});

När jag placerar jFlow-funktionen i första tabben så visar den innehållet jFlow-containern (#slider), men placerar jag den i en annan tab så visar den inte innehållet alls i containern längre.

Har ingen aning om vad detta beror på. Verkar skumt!

Använder mig också av jquery 1.4.2!

placera, menar du att du flytta koden till den andra tabben eller kopiera du den?

Flyttar koden till andra tabben.

kör jflow före du kör tabs, eller debugar båda pluginen, kan gissa att jflow kanske inte kör om dess content inte syns på sidan, så kör den före du kör tabs.

Snyggt! Fungerade klockrent! Tack återigen för hjälpen!

Länka till en specifik tab med följande tab-funktion

Hej,

jag undrar om det finns en möjlighet att kunna länka till en specifik tab från en sida som inte har med tab-funktionen att göra?

Jag använder mig av en ganska så enkel jquery tab-funktion.

http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/

du kan användad ig av location.hash metoden för att få reda på ankaret:

dinurl.com/#hash

och referea det till ett id i en specifik tab, gjorde ett plugin för några år sedan för tabbar och hash, du få gärna kolla på det: http://voigt.se/sandbox/tabify/ fungera lite annolunda med html strukturen men bör vara enkelt nog att debugar och se vad hash gör.