Foros del Web » Programando para Internet » Jquery »

Mootools casi con .live() de jQuery

Estas en el tema de Mootools casi con .live() de jQuery en el foro de Jquery en Foros del Web. Hola todos, De antemano gracias a los que puedan aportar su valiosisima ayuda. Veran estoy desarrollando una pagina, la cual al dar click en un ...
  #1 (permalink)  
Antiguo 17/08/2010, 16:33
Avatar de quitos  
Fecha de Ingreso: junio-2004
Mensajes: 119
Antigüedad: 20 años, 5 meses
Puntos: 1
Exclamación Mootools casi con .live() de jQuery

Hola todos,

De antemano gracias a los que puedan aportar su valiosisima ayuda.


Veran estoy desarrollando una pagina, la cual al dar click en un boton, carga otra dentro de un div mediante ajax, metodo enviado por mootools.


Y en esa pagina tengo un boton de siguiente, que deberia de activar el evento cargado en la pagina padre que en este momento es solo enviar un Alert, pero no lo hace.


Asi que encontre una funcion de JQuery llamada .live(), pero en Mootools no existe, y encontre este fix:



http://www.k1der.net/country/mootool...ents-demo.html



La cual propone una buena solucion, si haces llamadas de innerHtml, solo que si lo jalo por ajax, QUIERO SUPONER QUE YO estoy cometiendo un error y no funciona, mi código es el siguiente:

Código HTML:
 <p><a id="clone" href="#">Add some links</a></p>
	<p id="codigoin">aki carga el Ajax</p>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.1/mootools-yui-compressed.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
	//Fix estilo JQuery .live()
	Element.implement({
		addLiveEvent: function(event, selector, fn){
			this.addEvent(event, function(e){
				var t = $(e.target);
				if (!t.match(selector)) return false;
				fn.apply(t, [e]);
			}.bindWithEvent(this, selector, fn));
		}
	});
	
	
	//Alerta que envia cuando das click al boton cargado desde Ajax
	$$('.event').addLiveEvent('click', 'a.event', function(e){
		e.stop();
		alert('The event is triggered');
	});
	
	//Cuando das click al Boton
	$('clone').addEvent('click', function(e){
		e.stop();
		new Request.HTML({
    		url:'liga.html',
    		onSuccess :function(responseTree, responseElements, responseHTML, responseJavaScript){
    		alert('Cargando 2o Paso');
    			$('codigoin').set('html', responseHTML);
    		},
    		onFailure: function(){
        		alert('Ocurrio un Error, por favor intentalo mas tarde.');
    		}
		}).post();
	});
});
</script> 
Y manda a llamar la pagina: liga.html, y tiene lo siguiente
Código HTML:
<a class="event" href="#">Dale aki</a> 

Tecnicamente deberia de funcionar igual que la página del ejemplo, pero no manda el alerta.

Les agradecere su valiosa ayuda, de antemano muchas gracias.

Etiquetas: addliveevent, ajax, live, mootools
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:19.