jQuery en Firefox 4

Question

Este código funcionaba bien hasta que fui a Firefox 4 y ahora se requieren dos clics en la misma imagen para que el cambio de tamaño funcione. ¿Alguna idea? Aquí está el código.

$(document).ready(function(){ 

$("#slideShow a").click(function() { 
var imgTitle = $(this).children('img').attr('title'); // Find the image title 
$("#thecap").html(' ' + imgTitle + ' '); 
$("#lgImage").attr('src', $(this).children('img').attr('rel')); 
$(".resizeme1").aeImageResize({ height: 372 }); 
}); 

}); 

Aquí está el código del complemento en caso de que alguien vea algo en él.

(function($) { 



    $.fn.aeImageResize = function(params) { 

    var aspectRatio = 0 
     // Nasty I know but it's done only once, so not too bad I guess 
     // Alternate suggestions welcome :) 
     , isIE6 = $.browser.msie && (6 == ~~ $.browser.version) 
     ; 

    // We cannot do much unless we have one of these 
    if (!params.height && !params.width) { 
     return this; 
    } 

    // Calculate aspect ratio now, if possible 
    if (params.height && params.width) { 
     aspectRatio = params.width/params.height; 
    } 

    // Attach handler to load 
    // Handler is executed just once per element 
    // Load event required for Webkit browsers 
    return this.one("load", function() { 

     // Remove all attributes and CSS rules 
     this.removeAttribute("height"); 
     this.removeAttribute("width"); 
     this.style.height = this.style.width = ""; 

     var imgHeight = this.height 
     , imgWidth = this.width 
     , imgAspectRatio = imgWidth/imgHeight 
     , bxHeight = params.height 
     , bxWidth = params.width 
     , bxAspectRatio = aspectRatio; 

     // Work the magic! 
     // If one parameter is missing, we just force calculate it 
     if (!bxAspectRatio) { 
     if (bxHeight) { 
      bxAspectRatio = imgAspectRatio + 1; 
     } else { 
      bxAspectRatio = imgAspectRatio - 1; 
     } 
     } 

     // Only resize the images that need resizing 
     if ((bxHeight && imgHeight > bxHeight) || (bxWidth && imgWidth > bxWidth)) { 

     if (imgAspectRatio > bxAspectRatio) { 
      bxHeight = ~~ (imgHeight/imgWidth * bxWidth); 
     } else { 
      bxWidth = ~~ (imgWidth/imgHeight * bxHeight); 
     } 

     this.height = bxHeight; 
     this.width = bxWidth; 
     } 
    }) 
    .each(function() { 

     // Trigger load event (for Gecko and MSIE) 
     if (this.complete || isIE6) { 
     $(this).trigger("load"); 
     } 
    }); 
    }; 
})(jQuery); 

Answer 1

añadir caso a su función dentro de su evento click

de esto (código que envió):

$(document).ready(function(){ 

$("#slideShow a").click(function() { 
var imgTitle = $(this).children('img').attr('title'); // Find the image title 
$("#thecap").html(' ' + imgTitle + ' '); 
$("#lgImage").attr('src', $(this).children('img').attr('rel')); 
$(".resizeme1").aeImageResize({ height: 372 }); 
}); 

}); 

a este

$(document).ready(function(){ 

$("#slideShow a").click(function(event) { 
var imgTitle = $(this).children('img').attr('title'); // Find the image title 
$("#thecap").html(' ' + imgTitle + ' '); 
$("#lgImage").attr('src', $(this).children('img').attr('rel')); 
$(".resizeme1").aeImageResize({ height: 372 }); 
}); 

}); 

notó el evento palabra en su segunda función ()

funcionó?

Answer 2

sólo una suposición:

$(document).ready(function(){ 
     $("#slideShow a").click(function(e) { 
      e.preventDefault(); 

      var imgTitle = $(this).children('img').attr('title'); // Find the image title 
      $("#thecap").html(' ' + imgTitle + ' '); 
      $("#lgImage").attr('src', $(this).children('img').attr('rel')); 
      $(".resizeme1").aeImageResize({ height: 372 }); 
     }); 
}); 

Answer 3

Por favor, darle una oportunidad a FireQuery (para su uso con Firebug), tal vez esta herramienta podría ayudarle a encontrar el problema.

Answer 4

@ user520300: También puedes probarlo en Firefox 3.6.16 instalándolo en una carpeta diferente a la que viene por defecto y managing the two versions in separate profiles (este ejemplo es de 3.0 y 3.5, pero se puede aplicar por analogía a 3.6.16 y 4.0). No olvides instalar Firebug (1.6.2) y Firequery en tu FF 3.6.16 también, luego comparando las consolas verás si hay algún problema FF4 que impida que tu código funcione bien, o simplemente es una configuración incorrecta (como en this case) que conduce a comportamientos extraños en FF4.

Answer 5

buddy intente descargar el último paquete jquery e intente utilizar ese archivo js. Creo que el problema es que FF4 no admite adecuadamente los archivos js de la versión anterior. No estoy seguro, pero puedes intentarlo.