Llamar a funcion jquery desde etiqueta

reinerel · #1 (**permalink**) 19/09/2012, 10:22

Hola!... quisiera me ayuden con este script:

-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------

<html>
<head>
<style>
*{font-family:sans-serif;}
button{padding:10px 20px;font-size:14px;position:relative;}
</style>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>

$(document).ready(function () {

$('#ejemplo').toggle(function () {

$(this).animate({left:'200px'}, 300)

}, function () {

$(this).animate({left:'0px'}, 300)

});

});
</script>

<button id="ejemplo">Hola</button>
</body>
</html>

-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------

Como ya sabran, el efecto TOGGLE se usa para mover animadamente un boton de izquierda a derecha, arriba y abajo.

Para que funcione solo basta con agregar un boton con el id "ejemplo"

Mi gran duda es como llamar a esa funcion desde una etiqueta <a> es decir desde un vinculo porque no quiero usar un boton para llamar a esa funcion.

Agradezco mucho su ayuda!...

Dradi7 · #2 (**permalink**) 19/09/2012, 10:35

Bueno solamente tienes que agregar el evento click en el href y poner lo del toogle en tu href

$('a').click();

reinerel · #3 (**permalink**) 19/09/2012, 11:08

Siii muchas gracias, funciona! pero con un detalle... que mi funcion se ejecutara en todas las etiquetas <a> es decir en todos los vinculos de mi web.

Si sabes como puedo solucionarlo te agradeceria mucho, de momento lo he modificado para que se ejecute al hacerle click a un div el cual tendrá dentro un <a>

Si para alguien le sirve, lo dejo aqui!

<script>

$(document).ready(function() {
$("#prueba").click(function() {
alert("Hello world!");
});
});

</script>
---------------------------------------------------
<body>
<div id="prueba" style="border: red 1px solid">
<a id= "a" href=""> Link </ a>
</div>
</body>

Muchas gracias!... esto me tenia 3 dias de retraso ya que soy nuevo con el JQUERY

Dradi7 · #4 (**permalink**) 21/09/2012, 23:16

entonces una opcion es que pongas por ejemplo una class a tus link que deseas verificar o sino unos id correlativos

Ejemplo:

Código HTML:

Ver original<a href="#" class="name" />
<a href="#" class="name" />
<a href="#" class="name" />
<a href="#" class="name" />
 
<a href="#" id="name1" />
<a href="#" id="name2" />
<a href="#" id="name3" />

En JavaScript para poder acceder usando jQuery

Código Javascript:

Ver original$('.name').click();
// o usando el ID
$('a[id^="name"]').click();

reinerel · #5 (**permalink**) 22/09/2012, 15:35

Muchas gracias Dradi7... lo acabo de editar y funciona perfectamente!

( :

knt6 · #6 (**permalink**) 27/11/2014, 08:35

Hola tengo una duda como llamo a esta funcion

$('#info-title').on('click', function() {
new Messi('This is a message with YAMIL.', {title: 'Title', titleClass: 'info', buttons: [{id: 0, label: 'Close', val: 'X'}]});
});

con el evento ONLOAD u otro EVENTO COMO SER ONCLICK