jquery - Safari 在调用 append jquery 方法时删除元素

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 上测试，它按预期工作。