2009-11-23 69 views
0

我有一個表,現在加載我隱藏了幾個最後rows.Now點擊一個跨度它將擴大(最後幾行)和崩潰。我使用Slidetoggle(),它的工作在IE中罰款,但問題是它在FF中的突破,前幾行破解FF.how來解決這個問題?任何建議? 編輯:表正在破壞-jQuery

$("tr").slice(index).slideToggle('slow')//this works fine in IE but in FF, the first few rows became right-aligned, thus breaking the table layout, this can be fixed using dispaly:""..something like 
$("tr").slice(index).css("dispaly","").. 

但我使用slidetoggle()。所以面臨的問題 編輯: HTML:

enter code here <div> 
<table> 
    <tr> 
     <td> 
      td1 
     </td> 
     <td> 
      td11 
     </td> 
     <td> 
      td111 
     </td> 
    </tr> 
    <tr> 
     <td> 
      td2 
     </td> 
     <td> 
      td22 
     </td> 
     <td> 
      td222 
     </td> 
    </tr> 
    <tr> 
     <td> 
      td3 
     </td> 
     <td> 
      td33 
     </td> 
     <td> 
      td333 
     </td> 
    </tr> 
     <tr> 
     <td> 
      td3 
     </td> 
     <td> 
      td33 
     </td> 
     <td> 
      td333 
     </td> 
    </tr> 
     <tr> 
     <td> 
      td3 
     </td> 
     <td> 
      td33 
     </td> 
     <td> 
      td333 
     </td> 
    </tr> 
     <tr> 
     <td> 
      td3 
     </td> 
     <td> 
      td33 
     </td> 
     <td> 
      td333 
     </td> 
    </tr> 
     <tr> 
     <td> 
      td3 
     </td> 
     <td> 
      td33 
     </td> 
     <td> 
      td333 
     </td> 
    </tr> 
     <tr> 
     <td> 
      td3 
     </td> 
     <td> 
      td33 
     </td> 
     <td> 
      td333 
     </td> 
    </tr> <tr> 
     <td> 
      td3 
     </td> 
     <td> 
      td33 
     </td> 
     <td> 
      td333 
     </td> 
    </tr> 
</table> 

+1

後一些好,定義打破。 – kgiannakakis 2009-11-23 08:00:31

+1

如果您可以提供您一直在嘗試使用的HTML,它將提高獲取特定答案的機率。 – micahwittman 2009-11-23 08:02:55

+0

十年前,基於表格的佈局十分流行。 http://davespicks.com/essays/notables.html – outis 2009-11-23 08:26:23

回答

2

提供除了在問題將進一步澄清的JavaScript的HTML表格,但問題可能與一個Firefox colspan quirk

所以,一個解決辦法是動態包裝用DIV每個TD的每個innerHTML的如下所示:
jQuery slideToggle doesn't work with colspan in Firefox?

你也可以嘗試用重新設置的合併單元格:
td colspan does not work while using jquery show/hide()

+0

現在我刷新了頁面 - boom:表格HTML。 :) – micahwittman 2009-11-23 08:41:38

+0

Humm,我認爲多數民衆贊成的方式。感謝您的鏈接:-) – Wondering 2009-11-23 09:33:36

+0

很高興幫助:) – micahwittman 2009-11-24 01:52:29