jquery Tab Menü Problem

12/17/2012 16:59 .Acu³#1
Hallo epvp,

habe ein Problem mit einem jquery tab script was ich aus einer alten webseite von mir kopiert habe. Das Script funktioniert soweit, aber bei jedem klick auf die Tabs ändert sich die Url und #tab2 zb steht hinten dran. Das ist soweit auch okay, nur verändert sich auch der Bildausschnitt. Bedeutet, man sieht nichtmehr alles sondern nurnoch den Teil ab den Tabs.

Hoffe das war verständlich.. wie sorg ich dafür dass nicht immer an diesen Punkt gesprungen wird?


HTML Code:
<script type="text/javascript">
  $(document).ready(function(){$(".tabContents").hide();
  $(".tabContents:first").show();
  $("#tabContainer ul li a").click(function()
  {var a=$(this).attr("href");
  $("#tabContainer ul li a").removeClass("active");
  $(this).addClass("active");
  $(".tabContents").hide();
  $(a).fadeIn()})}); 
  </script>


Danke!
12/17/2012 17:51 Muddy Waters#2
Auch wenn das ohne den zugehörigen HTML-Code etwas schwer nachvollziehbar ist, denke ich das Problem liegt hier bei den Anchor Elementen. Wenn du diese quasi nur als Buttons verwendest und nicht als Links, musst du im Event Handler das Standardverhalten abbrechen.

Das sähe dann so aus:
Code:
$(document).ready(function()
{
	$(".tabContents").hide();
	$(".tabContents:first").show();
	$("#tabContainer ul li a").click(function(e)
	{
		var a=$(this).attr("href");
		$("#tabContainer ul li a").removeClass("active");
		$(this).addClass("active");
		$(".tabContents").hide();
		$(a).fadeIn();
		e.preventDefault();
	});
});
Ich verstehe übrigens nicht so ganz was du dort mit der Variable a anstellst, aber ohne den HTML-Code zu kennen werd ich das nicht weiter kommentieren.
12/17/2012 18:33 .Acu³#3
Genau das hab ich gebraucht - Dankeschön!