JQuery - determinar la pulsación en un tab

determinar la pulsación en un tab

Publicado por undertaker (3 intervenciones) el 14/07/2014 08:01:47

hola a todos
Es posible indicar que un tabs realize una funcion adecuada??

tengo este html

<div id="tabs">

        <ul>

            <li><a href="#tabs1">TAB 1</a></li>

            <li><a href="#tabs2">TAB 2</a></li>

        </ul>

        <div id="tabs-1">

<p>

                Contenido tab 1</p>

        </div>

        <div id="tabs-2">

<p>

                Contenido tab 2</p>

        </div>

    </div>

En pocas palabras
quiero que al pinchar tabs1 tire alert("es tab uno")
y al pinchar tabs2 tire alert("es tab dos")

todo esto en jquery o javascript

Valora esta pregunta

Responder

Val: 302

Publicado por xve (673 intervenciones) el 14/07/2014 08:30:25

Hola, una simple manera, seria seguir desde el id "tabs", el <ul> y dentro de este el primer y ultimo <li>

<!DOCTYPE html>

<html lang="es">

<head>

    <meta charset="utf-8">

    <script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>

    <script>

    $(document).ready(function(){

		$("#tabs ul li:first-child").click(function(){

			alert("primero");

});

		$("#tabs ul li:last-child").click(function(){

			alert("segundo");

});

});

    </script>

</head>

<body>

<div id="tabs">

	<ul>

		<li><a href="#tabs1">TAB 1</a></li>

		<li><a href="#tabs2">TAB 2</a></li>

	</ul>

	<div id="tabs-1">

<p>

			Contenido tab 1</p>

	</div>

	<div id="tabs-2">

<p>

			Contenido tab 2</p>

	</div>

</div>

</body>

</html>

Espero que te sirva... Coméntanos, ok?

Valora esta respuesta

Comentar

Publicado por undertaker (3 intervenciones) el 14/07/2014 19:15:10

Perfecto....muchas gracias me ha funcionado :)
Era más sencillo de lo esperado

Valora esta respuesta

Comentar

Calcular días entre fechas [datepicker] - Excluyendo sábados, domingos y feriados.

load y option problem