У меня есть два дива. Один div содержит содержимое таблицы, другой содержит чистый текст. Я переключаю содержимое двух div. Все браузеры отлично работают со стилем таблицы после замены, за исключением одного браузера Android, который полностью игнорирует стиль таблицы и делает ширину ячейки td очень большой.
<div id="div1_id">Pure Text Content</div>
<div id="div2_id>
<table width="3000" border="0" cellspacing="0" cellpadding="0" >
<colgroup>
<col width="20px" />
<col width="40px" />
...
<col width="30px" />
<col width="auto" />
</colgroup>
<tbody>
<tr>
<td>row1 col1</td>
<td>row1 col2</td>
...
<td>row1 colx</td>
<td>row1 coly</td>
</tr>
...
</div>
<script type='text/javascript'>
var divOneContent = $('#div1_id').html();
var divTwoContent = $('#div2_id').html();
$('#divOneContent').html(divTwoContent);
$('#divTwoContent').html(divOneContent);
</script>
Есть ли какой-либо метод jquery, который я могу использовать для обновления стиля css div после изменения содержимого div? Это может помочь мне обойти ошибку браузера?