Comportement étrange avec AJAX/jQuery et Chrome

Je pense que la meilleure façon de vérifier le problème est de visit il:Comportement étrange avec AJAX/jQuery et Chrome

Ouverture de la page, il faut charger la ligne dans le fond Alptraum - La Vie D'Une Fascinante Jeune Effarouchee Marnaise Vierge - date inconnue grâce à ce script jQuery:

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

sur le serveur, il répond avec:

<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>

cette listes classe:

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

et c'est le 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>

Mais comment vous pouvez le voir, jusqu'à ce que vous n'allez pas sur le div avec la souris (en appliquant l'effet mouseover/out jQuery), vous pouvez voir toute la ligne (au moins, quand je charge la page, je ne vois qu'une petite partie comme Vierge Effarouchee Marnaise - Unknown Date.

Cela me arrive seulement avec Chrome (8.0.552.237)

Pourquoi? Et comment puis-je résoudre ce problème? Merci

P.S. Cela se produit uniquement si j'ai écrit 1 ligne dans le #browseList ' div (avec .html()). Donc, par exemple si je viens d'ajouter un <br/> avant ou après cette ligne, cela ne se produit pas: O

P.S.2. J'ai aussi remarqué que si je rafraichis la page de nombreuses fois, parfois ça a l'air OK, parfois avec le problème ... vraiment ÉTRANGE! Je pense qu'il est un bug Chrome ...

Source

2011-05-04 kwichz

Vérifiez et voyez si cela se produit trop lors de la fourniture d'une hauteur ou min-hauteur pour les conteneurs – Till

Do tu veux dire sur div contenu? Essayé avec 'height: 40px;' ou 'min-height: 20px;' mais rien ne change :( – kwichz

Je chose que vous div class listes ne ont pas besoin

float: left; /* delete this line */

Source

2011-05-04 10:38:54 Liutas

En fait enlever cet attribut le problème disparaît.Mais pourquoi? – kwichz

Uhm..en fait j'utilise ces div dans d'autres espace de mon application Web, mais ce problème ne se produit que lorsque je les charge avec AJAX Pouvez-vous me donner d'autres conseils? – kwichz

Comportement étrange avec AJAX/jQuery et Chrome

Répondre

Questions connexes