2011-05-04 24 views
5

creo que la mejor manera de comprobar el problema es que visit:comportamiento extraño con AJAX/jQuery y Chrome

La apertura de la página, debe cargar la línea en la parte inferior Alptraum - La Vie d'une Fascinante Jeune Vierge Effarouchee de ma - Desconocido Fecha gracias a este script jQuery:

$.ajax ({ 
    url: "list/browse_ajax.php", 
    type: "POST", 
    success: function(data) { 
     $('#browseList').html(data); 
    }, 
    error: function(data) { 
     $('#browseList').html("Error"); 
    } 
}); 

en el servidor, que responde con:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.lists').mouseover(function() { 
      $(this).css("background-color", "#CCCCCC"); 
     }); 

     $('.lists').mouseout(function() { 
      $(this).css("background-color", "#FFFFFF"); 
     });     
    }); 
</script>  

<div class="lists">         
    <a class="lblackb" href="index.php?explore=view&trackid=888"><?=htmlentities("Alptraum - La Vie Fascinante D'Une Jeune Vierge Effarouchee Marnaise - Unknown Date", ENT_QUOTES, "UTF-8")?></a> 
</div> 

con este listas de clase:

.lists{width:710px; float:left; border-bottom:1px #000000 solid;} 

y esta es la browseList div:

.content{width:710px; float:left; color:#000000; font-weight:normal; text-align:left; margin-left:13px; margin-right:13px;}  
<div class="content" id="browseList">&nbsp;</div> 

Pero, ¿cómo se puede ver, hasta que no se va de la div con el ratón (aplicando el efecto jQuery mouseover/out), puede ver toda la línea (al menos, cuando cargo la página solo veo una parte pequeña como Vierge Effarouchee Marnaise - Fecha desconocida.

Esto sucede a mí sólo con Chrome (8.0.552.237)

¿Por qué esto? ¿Y cómo puedo solucionar este problema? Gracias

P.S. Esto ocurre solo si escribí 1 línea en el #browseList ' div (con .html()). Entonces, por ejemplo, si solo agrego un <br/> antes o después de esa línea, esto no sucede: O

P.S.2. También he notado que si actualizo la página muchas veces, a veces parece bien, a veces con el problema ... ¡EXTRAÑO! Creo que es un error Chrome ...

+0

comprobar y ver si sucede también cuando se proporciona una altura o min-altura de los contenedores – Till

+0

Do quieres decir con 'content' div? Intenté con 'height: 40px;' o 'min-height: 20px;' pero nada cambia :( – kwichz

Respuesta

1

cosa que me div class listas no necesita

float: left; /* delete this line */ 
+0

De hecho, al eliminar este atributo el problema desapareció. ¿Pero por qué? – kwichz

+0

Uhm .. de hecho, uso estos div en otros espacios de mi aplicación web, pero este problema ocurre solo cuando los cargo con AJAX. ¿Pueden darme más sugerencias? – kwichz