---
title: "Problem med jQuery Tabs och jFlow-function!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/184698-problem-med-jquery-tabs-och-jflow-function"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "bikic"
published: "2010-09-23T10:50:10.000Z"
updated: "2010-09-27T12:46:29.000Z"
replies: 6
views: 796
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/184698-problem-med-jquery-tabs-och-jflow-function"
---

# Problem med jQuery Tabs och jFlow-function!

## #1 — bikic, 2010-09-23T10:50Z

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!

Permalänk: https://www.webforum.nu/p/184698

## #2 — voigtann1, 2010-09-23T12:21Z

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

Permalänk: https://www.webforum.nu/p/2255169

## #3 — bikic, 2010-09-23T13:48Z

Flyttar koden till andra tabben.

Permalänk: https://www.webforum.nu/p/2255178

## #4 — voigtann1, 2010-09-23T13:50Z

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.

Permalänk: https://www.webforum.nu/p/2255179

## #5 — bikic, 2010-09-23T14:45Z

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

Permalänk: https://www.webforum.nu/p/2255182

## #6 — bikic, 2010-09-27T11:01Z

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/>

Permalänk: https://www.webforum.nu/p/2255376

## #7 — voigtann1, 2010-09-27T12:46Z

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.

Permalänk: https://www.webforum.nu/p/2255387

---

Tråden på webben: https://www.webforum.nu/amne/javascript/184698-problem-med-jquery-tabs-och-jflow-function