Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/08/2012, 09:28
Avatar de catpaw
catpaw
 
Fecha de Ingreso: mayo-2010
Ubicación: xalapa
Mensajes: 856
Antigüedad: 14 años
Puntos: 23
funcion alternativa a .live para algo diferente de .click

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:
Ver original
  1. jQuery(document).ready(function() {    
  2.     jQuery('#ocultar').click(function() {
  3.             jQuery('#enlaces_top').slideUp(1000);
  4.             document.getElementById('ocultar').style.display='none';
  5.             document.getElementById('mostrar').style.display='block';
  6.     });
  7.     jQuery('#mostrar').click(function() {
  8.             jQuery('#enlaces_top').slideDown(1000);
  9.             document.getElementById('ocultar').style.display='block';
  10.             document.getElementById('mostrar').style.display='none';
  11.     });
  12.  
  13.     jQuery('#close_accesos').click(function() {
  14.         jQuery('#accesos_directos').animate({ 'marginLeft' : "-=85px" });
  15.             document.getElementById('open_accesos').style.display='block';
  16.             document.getElementById('close_accesos').style.display='none';
  17.     });    
  18.     jQuery('#open_accesos').click(function() {
  19.         jQuery('#accesos_directos').animate({ 'marginLeft' : "+=85px" });
  20.             document.getElementById('open_accesos').style.display='none';
  21.             document.getElementById('close_accesos').style.display='block';
  22.     });
  23.  
  24.     jQuery("#tabs").tabs({
  25.         event: "mouseover"
  26.     });
  27.  
  28.     jQuery(".rollover").css({'opacity':'0'});
  29.         jQuery('.img_list a').hover(
  30.             function() {
  31.                 jQuery(this).find('.rollover').stop().fadeTo(500, 1);
  32.             },
  33.             function() {
  34.                 jQuery(this).find('.rollover').stop().fadeTo(500, 0);
  35.             }
  36.         )
  37.     });

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:
Ver original
  1. jQuery("#tabs").tabs({  /*la funcion que agrupa las etiquetas dinamicas*/
  2.     event: "mouseover"
  3. });
  4. jQuery(".rollover").css({'opacity':'0'});

que se pone en esos casos??

.tabs y .css

por que no me funcionan :(

gracias