Geek Answers Handbook

Strange behavior with AJAX / jQuery and Chrome

I think the best way to check the problem is to visit it:

Opening the page, it should load the line below. Alptraum - La Vie Fascinante D'Une Jeune Vierge Effarouchee Marnaise - Unknown date thanks to this jQuery script:

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

on the server, it responds:

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

with this list class:

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

and this is div_browseList:

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

But as you can see, until you go to the div with the mouse (using the mouseover / out jQuery effect), you can see the whole line (at least when I load the page, I see only a small part like Vierge Effarouchee Marnaise - Unknown the date.

This only happens to me with Chrome (8.0.552.237)

Why is this? And how can I fix this problem? Thanks

P.S. , 1 div #browseList ( .html()). , , <br/> , : O

P.S.2. , , , ... STRANGE! , Chrome...

+5
1

, 

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

More articles:


All Articles