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?