[SOLUCIONADO] Llamar funciòn jQuery desde javascript

Kottore · #1 (**permalink**) 29/05/2014, 11:01

Hola buen dìa!

Estoy empezando con jQuery y no sè como llamar a una funciòn desde un javascript.
Para ser màs claros pongo esta liga y ara explico què es lo que quiero hacer a ver si alguien puede ayudarme de favor:

http://public.unidepix.com/inv/

En la parte de arriba hay tres links: cero, uno y dos.
En la parte de abajo hay otros 3 links con nùmeros: 1,2 y 3.

Lo que quiero hacer es que los links de arriba tengan la misma funcionalidad que los de abajo. Esos nùmeros de abajo se generan solos con la librerìa que descarguè.
Ya estuve viendo un poco el còdigo y pude ver que al dar click en algùn nùmero hace referencia a la lìnea 1054 de jquery.devrama.slider.js justo aquì:
_next: function(callback){

Mi pregunta es ¿Còmo llamo esa funciòn desde la funciòn fncHola que puse en los links de arriba?

En la liga està el còdigo pero aquì lo dejo en un rar por si alguien pudiera ayudarme, muchas gracias:

http://public.unidepix.com/inv.rar

Saludos

livemusic · #2 (**permalink**) 29/05/2014, 14:09

Hola ... lo que se podría hacer es usar un trigger que emule el click del paginador, calculando el eq del enlace seleccionado xD .... Ya que el paginador de tu slider usa un index ...

Kottore · #3 (**permalink**) 29/05/2014, 15:06

Muchas gracias por la respuesta.

Es justamente lo que trataba de hacer pero no tengo ni idea de còmo hacer eso

En la funciòn _next puse un llamado a una funciòn que es onChange(this.current_slide);

onChange recibe bien el paràmentro. Digamos, datos de la librerìa para javascript ya los tengo, pero de javascript a la librerìa no sè como obtenerlo

Por ejemplo, còmo harìa un simple alert con el current_slide desde el index.php?

Podrìas echarme un cable? gracias

wunderwaffen077 · #4 (**permalink**) 29/05/2014, 16:33

Un ejemplo de trigger usando jquery.
Al hacer click en el boton se disparara el evento click del elemento <a>,
podrias hacer algo parecido para tu caso.

Código HTML:

<html>
<head>
	<title></title>
	<script src="jquery-1.11.1.min.js"></script>
	<script type="text/javascript">
	
	$(function(){
		//$('#a1').trigger('click');
		$("body").on("click","#cmd_button",function(){	
			$("a").trigger("click");
			
		});
		
		$("body").on("click","a",function(){
			var href = $('a').attr('href');
	      		//window.location.href = href; //causes the browser to refresh and load the requested url
	      		window.open(href,'_blank','');
		});
	});

	

	</script>
</head>
<body>
	<input type="button"  id="cmd_button" value="Ir enlace"/>
	<a href="http://www.google.com.pe" id="a1" target="_blank">Ir</a>
</body>
</html>

livemusic · #5 (**permalink**) 29/05/2014, 17:18

Hola amigo así me salió, espero q sea lo q buscabas xD ...

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="http://devrama.com/static/devrama-slider/jquery.devrama.slider-0.9.4.js"></script>

Código HTML:

Ver original<ul id="slideEvent">
    <li><a href="#">Uno</a></li>
    <li><a href="#">Dos</a></li>
    <li><a href="#">Tres</a></li>
    <li><a href="#">Cuatro</a></li>
    <li><a href="#">Cinco</a></li>
</ul>
 
<div id="my-slide">
  <a href="http://devrama.com"><img data-lazy-src="http://devrama.com/static/devrama-slider/images/265740754_141774705b_b.png" /></a>
  <a href="http://event.devrama.com"><img data-lazy-src="http://devrama.com/static/devrama-slider/images/4247776023_81a3f048ca_b.png" /></a>
  <a href="http://google.com"><img data-lazy-src="http://devrama.com/static/devrama-slider/images/4277941123_044d26b6df_b.png" /></a>
  <a href="http://yahoo.com"><img data-lazy-src="http://devrama.com/static/devrama-slider/images/4432435310_d5010f8efc_b.png" /></a>
  <a href="http://facebook.com"><img data-lazy-src="http://devrama.com/static/devrama-slider/images/6240134386_db0f314ef6_b.png" /></a>
</div>

Código Javascript:

Ver original<script type="text/javascript">      
$(document).ready(function(){
    $('#my-slide').DrSlider();
    slideChangeEvent();
});
 
function slideChangeEvent(){
    $('#slideEvent > li > a').unbind('click').bind('click', function(e){
        var position = $(this).parent().index();
        $('.nav-link.index'+position).trigger('click');
        e.preventDefault();
    })
}
</script>

Kottore · #6 (**permalink**) 30/05/2014, 09:26

Perfecto! Eres un genio livemusic!!! Muchas gracias ^o^

Funciona perfectamente aunque no estoy seguro de porque ahahahaa
Voy a investigar a fondo como trabaja pero si algo es seguro es que yo solo nunca hubiera llegado a desarrollar eso XD Apenas empiezo con esto del jQuery.

Tambièn muchas gracias wunderwaffen077, eso lo voy a implementar en otras cosas que necesito.

Saludos