Question

我遇到了safari的一個非常奇怪的情況，而不是其他瀏覽器（FF，IE，Chrome）。

我的HTML代碼是這樣的：

<table id="tblObjectChannel"></table> 

而且我的劇本是這樣的：

var item = '<tr style="border-bottom:solid 1px #666;" id="xxxccc"><input type="hidden" id="hfObjectID0" value="2323" /></tr>';    

$('#tblObjectChannel').append(item); 

在瀏覽器除了Safari瀏覽器將返回這樣的：

<tbody><tr style="border-bottom: 1px solid rgb(102, 102, 102);" id="xxxccc"><input id="hfObjectID0" value="2323" type="hidden"></tr></tbody> 

但是在Safari中它像這樣返回：

<tbody><tr style="border-bottom: 1px solid rgb(102, 102, 102);" id="xxxccc"></tr></tbody> 

所以，隱藏的元素被扔掉，我不知道在哪裏。我在這裏是否遺漏了.append（）方法的隱藏功能？

你可以在這裏親自目睹這件事：http://jsfiddle.net/mrMXS/ 請嘗試與FF鏈接，然後與Safari。任何線索將不勝感激。

謝謝

Answer 1

嘗試把周圍的隱藏領域的一些<td>元素 - 這不是有效的HTML沒有他們。

請參閱http://jsfiddle.net/alnitak/mdUeu/ - 在MacOS X上對Safari進行測試，並且按預期工作。