Ver Mensaje Individual
  #5 (permalink)  
Antiguo 27/01/2013, 17:49
diezdedos
 
Fecha de Ingreso: julio-2010
Mensajes: 24
Antigüedad: 13 años, 10 meses
Puntos: 0
Respuesta: Problema de columnas

Gracias itnas, la verdad es que me adelante y ayer instale Masonry... pero no se soluciono.
Despues de dias indagando el problema viene del jquery.mobile (me vais a decir "porque no empezaste por ahi", pero no me imaginaba que de ahi partia). Le puse el siguiente codigo entre el head y funciona, cada vez que vuelvo a la pagina de inicio se reacomoda. Por supuesto le he dejado el plugin Masonry, ya que me parece mas perfeccionado.
Código:
$(function(){
	$('#container').masonry({
		itemSelector: '.boxes',
		columnWidth: 260,
		isAnimated: !Modernizr.csstransitions,
		isFitWidth: true
	});
	$('[data-role=page]').live('pageshow',function(event, ui) {        
		$('#container').masonry({
		itemSelector: '.boxes',
		columnWidth: 260,
		isAnimated: !Modernizr.csstransitions,
		isFitWidth: true
		});
	});  
});
Solo tengo una duda:
Como ves todos los datos se repiten, pero si pongo solo "$('#container').masonry({..." se cargan la primera vez pero no hacen la recarga al volver a la pagina. Si pongo "$('[data-role=page]').live('pageshow',function(event, ui)..." solucionan el problema pero la primera vez que cargo la pagina no funciona Masonry. Extraño no. Hay alguna forma de abreviar para no repetirlo?