Я думаю, что лучший способ проверить проблему - это посетить это:
Открывая страницу, она должна загрузить строку внизу Alptraum - La Vie Fascinante D'Une Jeune Vierge Effarouchee Marnaise - Неизвестная дата благодаря этому сценарию jQuery:
$.ajax ({
url: "list/browse_ajax.php",
type: "POST",
success: function(data) {
$('#browseList').html(data);
},
error: function(data) {
$('#browseList').html("Error");
}
});
на сервере, он отвечает:
<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>
с этими списками класс:
.lists{width:710px; float:left; border-bottom:1px #000000 solid;}
и это 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"> </div>
Но как вы можете видеть, пока вы не переходите к div с помощью мыши (применяя эффект jQuery mouseover / out), вы можете видеть всю строку (по крайней мере, когда я загружаю страницу, я вижу только малая часть, как Vierge Effarouchee Marnaise - неизвестная дата .
Это происходит со мной только с Chrome (8.0.552.237)
Почему это? И как я могу исправить эту проблему? Спасибо
P.S. Это происходит, только если я написал 1 строку в # browseList ' div (с .html()). Так, например, если я просто добавлю <br/> до или после этой строки, этого не произойдет: O
P.S.2. Я также заметил, что если я обновляю страницу много раз, иногда это нормально, иногда с проблемой ... действительно СТРАННО! Я думаю, что это ошибка Chrome ...