Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Julio Andolfo

Tabs em Javascript - LINK

Recommended Posts

Boa noite a todos iMasters, estou bom um problema aqui com uma TAB em Javascript que estou utilizando.

 

O problema é : Quando clico na TAB2 ou TAB1 por exemplo, ele redireciona para o TOPO da página, como se estivesse apenas com href="#"

 

Gostaria que não direcionasse o usuário pro topo, existe alguma maneira disso ?

 

O código da TAB é esse :

<script type="text/javascript">

	$(document).ready(function(){
		$(".tabContents").hide(); // Hide all tab content divs by default
		$(".tabContents:first").show(); // Show the first div of tab content by default
		
		$(".tabContaier ul li a").click(function(){ //Fire the click event
			
			var activeTab = $(this).attr("href"); // Catch the click link
			$(".tabContaier ul li a").removeClass("active"); // Remove pre-highlighted link
			$(this).addClass("active"); // set clicked link to highlight state
			$(".tabContents").hide(); // hide currently visible tab content div
			$(activeTab).fadeIn(); // show the target tab content div by matching clicked link.
			
			return false; //prevent page scrolling on tab click
		});
	});
</script>

HTML :

<div class="tabContaier">
	<ul>
    	<li><a class="active" href="#tab1">TAB em JAVASCRIPT</a></li>
    </ul>
    <div class="tabDetails">
    	<div id="tab4" class="tabContents">
        	<h1 style="color:#333;">TAB em Javascript</h1>   
           TEXTO
        </div>
    </div>
</div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

$(".tabContaier ul li a").click(function(event){

event.preventDefault();

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado pela resposta amigo, e infelizmente não funcionou dessa maneira, tentei seguir a lógica e alterei a parte do UL, LI, A, de várias formas ali para ver se funcionada, porém sem sucesso.

 

Tem alguma ideia do que pode ser ?

 

Obrigado !

Compartilhar este post


Link para o post
Compartilhar em outros sites

Aperte Ctrl + Shift + J no Firefox e veja quais erros aparecem no console.

 

o preventDefault() deveria ter funcionado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.