Я получаю странную проблему. Я использую jQuery для выполнения запроса AJAX и пытаюсь обновить содержимое div
(bootstrap всплывающее окно).
AJAX выполняется успешно и возвращает HTML как вывод в отладке.
<a href = "javascript:void(0);" data-toggle = "popover" title = "<strong>Line Details</strong>" data-placement = "top" data-html = "true" data-content = "<table border="0" cellpadding="1" cellspacing="0" style="font-size:8pt;color:#bbb;">
<tr style="background-color:#777;">
<td style="width:40px">QTY</td>
<td style="width:180px">DESC</td>
</tr>
<tr>
<td style="border-bottom:1px solid #eee;">3</td>
<td style="border-bottom:1px solid #eee;width:40px;"><input type="text" size="8" id="itemDesc-job1-1" name="job1itemDesc" value="Test Desc" > </td>
</tr>
<tr><td> </td>
<td style="text-align: right;">
<div> <div> <div id ="action-saveLineDetails-job1" class="icon-save" style="float:right !important;" title="Save" onclick="saveJobLineDetails('job1','3' )"></div>
</td></tr> </table>" > 157|999</a>
Теперь я заменяю содержимое div
(всплывающее окно) следующим образом:
$('#itemdetails-' + jobID).html(result.Data);
Удивительно, но он удаляет все теги, связанные с таблицами. Страница показывает что-то еще. Вот код, который находится в этом div
:
<a href="javascript:void(0);" data-toggle="popover" title="<strong>Line Details</strong>" data-placement="top" data-html="true" data-content="<table border=" 0"="" cellpadding="1" cellspacing="0" style="font-size:8pt;color:#bbb;">
QTYDESCKG
31
<input type="text" size="8" id="itemDesc-job1-1" name="job1itemDesc" value="1">
</a>
Впервые я получаю такое странное поведение .html()
.
Что-то мне не хватает?