Php 使用jQuery调用填充DIV时不应用CSS样式

我正在使用PHP脚本填充

元素，如果用户希望过滤信息，我希望通过调用JavaScript中的PHP函数来重新填充相同的DIV元素：

$("#area").load("update-dashboard.php?id=7263");

它用正确的信息填充DIV元素，但是由于某些原因，我用来格式化信息的CSS样式（例如，

class=“highlight”

）没有得到应用。因此，如果我查看底层HTML，但浏览器没有根据样式表对其进行格式化，那么我得到的内容将正确读取

<style type="text/css">
.Highlight {
 background-color: #dcfac9;
 cursor: pointer;
}
td.highcell {
 padding-top: 8px;
 padding-bottom: 8px;
}
</style>

---

尝试将css从

.Highlight

更改为

.Highlight

。CSS选择器不区分大小写，但HTML类属性不区分大小写。

能否向我们展示您的样式表或至少是您希望应用的样式？CSS对动态内容的影响很好，所以它很可能是CSS中不正确的部分。如果不准确地查看生成的代码，很难告诉您这是什么。可能是这样的：1。它以编码html的形式返回数据，例如，

class=“highlight”

2。文档中未引用您的样式表。这是不寻常的。确保新内容的格式正确，包含所有必要的类和结构。使用Firebug或Chrome F12等浏览器开发工具在更换前后检查内容。你很可能错过了一个不同之处（比如缺少一个外部分类的div）。事实并非如此；html区分大小写。你说得对。。我只是在更新的中间！

<table style='border-collapse: collapse;' border=0 width='100%' id='link-table'>
<tr class='highlight'>
<td class='highcell'>
<a href="javascript:ShowWait('754', 'Car Survey', '16', 'NK51+SNR55', '', '');">NK51 SNR55</a>
</td>
<td class='highcell' width=36>
<img src='status_2.png' border=0 width=32 height=32><td class='highcell'>18-Dec-15</td>
<td class='highcell'>NK51 SNR55</td>
<td class='highcell'></td>
<td class='highcell'></td>
</tr>

$(function ()
{
 $('#link-table td:first-child').hide();
 $('#link-table tr').hover(function ()
 {
  $(this).toggleClass('highlight');
 });
 $('#link-table tr').click(function ()
 {
  location.href = $(this).find('td a').attr('href');
 });
});