與AJAX/jQuery和鉻

奇怪的行爲，我想檢查問題的最好辦法就是visit它：與AJAX/jQuery和鉻

打開網頁，它應該加載線在底部Alptraum - La競爭Fascinante D'的Une熱恩維耶Effarouchee Marnaise - 未知日期感謝這個jQuery腳本：

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

：

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

在服務器上，它與回覆

與此列表類：

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

，這是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>

但你能怎麼看，直到你不要在DIV去用鼠標（應用jQuery的鼠標懸停/彈出效果），你可以看到整個行（至少，當我加載頁面時，我只看到一小部分爲Vierge Effarouchee Marnaise - 未知日期。

這發生在我身上的只有Chrome（8.0.552.237）

這是爲什麼？我該如何解決這個問題？謝謝

P.S.只有當我在#browseList' div（與.html()）中寫了1行時纔會發生這種情況。例如，如果我只是在該行之前或之後添加<br/>，則不會發生這種情況：O

P.S.2。我還注意到，如果我多次刷新頁面，有時它會表現出來，有時會出現問題......真是太奇怪了！我認爲這是Chrome錯誤...

來源

2011-05-04 kwichz

檢查，看它是否爲集裝箱 – Till 2011-05-04 10:38:09

待辦事項提供高度或最小高度時發生得你的意思是「內容」div？試着用'height：40px;'或'min-height：20px;'但沒有任何變化:( – kwichz 2011-05-04 11:02:19

我的事情，你的div類名單不需要

float: left; /* delete this line */

來源

2011-05-04 10:38:54 Liutas

事實上，刪除這個屬性的問題就消失了，但爲什麼呢？ – kwichz 2011-05-04 10:43:54

呃..其實我在別人的空間裏使用這些div web應用程序，但只有當我使用AJAX加載時纔會出現此問題。您能否給我提供任何其他提示？ – kwichz 2011-05-04 10:59:41

與AJAX/jQuery和鉻

回答

相關問題