funcion alternativa a .live para algo diferente de .click

[catpaw]

que tal forer@s, saludos!!

me paso algo similar que a este caso:

http://www.forosdelweb.com/f127/jque...xxlink-840236/

En mi caso me traigo un php con ajax, en este php tengo unas pestañas dinámicas y un efecto en jquery que al cargarlos con ajax no funcionan

yo tenia esto:

Código Javascript:

jQuery(document).ready(function() {     
    jQuery('#ocultar').click(function() {
            jQuery('#enlaces_top').slideUp(1000);
            document.getElementById('ocultar').style.display='none';
            document.getElementById('mostrar').style.display='block';
    });
    jQuery('#mostrar').click(function() {
            jQuery('#enlaces_top').slideDown(1000);
            document.getElementById('ocultar').style.display='block';
            document.getElementById('mostrar').style.display='none';
    });
 
    jQuery('#close_accesos').click(function() {
        jQuery('#accesos_directos').animate({ 'marginLeft' : "-=85px" });
            document.getElementById('open_accesos').style.display='block';
            document.getElementById('close_accesos').style.display='none';
    });     
    jQuery('#open_accesos').click(function() {
        jQuery('#accesos_directos').animate({ 'marginLeft' : "+=85px" });
            document.getElementById('open_accesos').style.display='none';
            document.getElementById('close_accesos').style.display='block';
    });
 
    jQuery("#tabs").tabs({
        event: "mouseover"
    });
 
    jQuery(".rollover").css({'opacity':'0'});
        jQuery('.img_list a').hover(
            function() {
                jQuery(this).find('.rollover').stop().fadeTo(500, 1);
            },
            function() {
                jQuery(this).find('.rollover').stop().fadeTo(500, 0);
            }
        )
    });
 

Por lo que quite jQuery(document).ready(function() {

y agregue a los .click jQuery('#ocultar').click(function() { la funcion live:

jQuery('#close_accesos').live('click',function() { (y el caso del hove .live('hover', function()...)

y ya funciona el efecto jquery que cargo de la pagina php pero que pasa con estos, no me los toma en cuenta:

Código Javascript:

jQuery("#tabs").tabs({  /*la funcion que agrupa las etiquetas dinamicas*/
    event: "mouseover"
});
jQuery(".rollover").css({'opacity':'0'});
 

que se pone en esos casos??

.tabs y .css

por que no me funcionan :(

gracias

[Dradi7]

Bueno primero no creo que deberías jQuery al momento de crear los eventos, no seria mejor usar el $ a menos que estés usando otras librerías.

No seria mejor solo traer el html de tu ajax y una vez cargada dentro del DOM recién asignes los eventos ahí si creo que te debe funcionar

[catpaw]

Hola Dradi7

JQuery lo uso porque tengo otras librerías y causa conflicto

una vez cargada dentro del DOM recién asignes los eventos ahí si creo que te debe funcionar

eso como se haría??

[fleandro]

catpaw para solucionar el conflicto de librerias de jquery debes de asignar Jquery.noConflict() a una variable y esa misma utilizarla.

[catpaw]

Holaaa

mi problema no es el conflicto de las librerias!!!!!

necesito algo como .live pero sin tener que poner el evento, es decir que me reconozca los scripts que viene de pagina externa

bueno como sea ya mejor los quite, no eran esenciales y me estaba haciendo mucho lio

gracias iguaj

[dontexplain]

Existen varias formas.

1) Añadiendo un setInterval que ejecute reiterativamente las sentencias

var intervalo = setInterval(function() { jQuery("#tabs").tabs({event: "mouseover"}); }, 100);

2) Añadiendo a live un evento que suceda casi siempre, como es onmousemove

$(document).live('mousemove',function(){
jQuery("#tabs").tabs({event: "mouseover"});
}

3) Añadiendo un listener del evento load de los elementos

$("#tabs").load(function(){
$(this).tabs({event: "mouseover"});
});

4) Creando un evento y disparándolo justo cuando suceda la respuesta ajax

$.ajax({
...
success:function(){
$("#tabs").trigger("eventoimaginario");
}

})

$("#tabs").bind("eventoimaginario",function(){
$(this).tabs({event: "mouseover"});
}
)

Por cierto, live() ha sido reemplazada por on()

Un saludo

[gebremswar]

Hola catpaw, que tal.

La verdad es que no te recomiendo el metodo .Live() de JQuery. En este artículo que comparto se fundamenta el porque no usarlo: Porqué no debemos usar nunca jQuery Live. También se mencionan alternativas a su uso.

Para solucionar tu problema:

En mi caso me traigo un php con ajax, en este php tengo unas pestañas dinámicas y un efecto en jquery que al cargarlos con ajax no funcionan

Se trató y dio solución en un tema con similar problema, revisa este link; la solución esta específicamente en el post #10.

Coméntanos tu progreso.

[catpaw]

Gracias por sus respuestas

a fin de cuentas tuve que cambiar todo mi esquema ya que cargar con ajax paginas externas resulto ser un desastre.

Ya no necesite la función live finalmente.

Pero aprendí mucho gracias