El ancho de jquery del navegador Chrome y Safari () no puede tener el problema de altura

Resumen del problema:

Incluso si desea atravesar un grupo de imágenes, debe obtener el ancho al atravesar. Después del efecto, IE y Firefox no tienen problemas. Solo Chrome y Safari no obtendrán el ancho de la imagen. En el pasado, era básicamente incompatibilidad con IE. Ahora, Chrome y Safari son incompatibles. Se siente extraño, así que escríbalo y compártalo.

Nota: Antes de modificar el código, use directamente $ (ele) .width () para obtener el ancho de la imagen. Código involucrado:

  
   
   

    
    
$(function(){
      
      
    
    
	... //此处省略N行
    
    
	var w = $(this).width();
    
    
	... //此处省略N行	
    
    
});
   
   

Después del análisis, se encuentra que Chrome y Safari deben tener la imagen aún no cargada por completo, por lo que fueron a obtener el ancho de la imagen. Si el ancho es 0, debe haber un error.

Solución:

1. No use "$ (document.ready (function () {...})" o su forma abreviada "$ (function () {...}), use $ (window) .load (function () {}); code Reescribe como sigue:

  
   
   

    
    
$(window).load(function(){
      
      
    
    
	... //此处省略N行
    
    
	var w = $(this).width();
    
    
	... //此处省略N行	
    
    
});
   
   

En segundo lugar, use el objeto Image y su método de carga

  
   
   

    
    
$(function(){
      
      
    
    
	... //此处省略N行
    
    
	var that = $(this);
    
    
	var img = new Image();
    
    
	img.src = $(this).attr("src");
    
    
	img.onload = function(){
      
      
    
    
		var w = img.width;
    
    
	}
    
    
	... //此处省略N行	
    
    
});
   
   

Por último, obtenga la altura y use $ (ele) .height () para solucionar este problema en Chrome y Safari.

Fuente: