我有一个表,现在正在加载我隐藏了很少的最后一行。现在点击一个跨度它将扩展(最后几行)并崩溃。我正在使用Slidetoggle(),它在IE中工作正常,但问题是它在FF中破了,FF中的前几行是破坏的,以解决这个问题?有什么建议吗? 编辑:
$("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>
答案 0 :(得分:2)
除了问题中的javascript之外,提供表格HTML还会进一步澄清,但问题可能与Firefox colspan quirk有关。
因此,一个解决方法是使用DIV动态地包装每个TD的每个innerHTML,如下所示:
jQuery slideToggle doesn't work with colspan in Firefox?
你也可以尝试重新设置colspan:
td colspan does not work while using jquery show/hide()