Safari удаляет элемент при вызове метода добавления jquery

Question

Я сталкиваюсь с очень странной ситуацией с сафари, но не с другими браузерами (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/ - протестировано в Safari на MacOS X и работает как положено.