使用jQuery调用

时间:2016-04-04 14:30:54

标签: php jquery css

我正在使用PHP脚本填充<DIV id='area'>元素,如果用户希望过滤信息,我想通过在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>

这是我的表格应包含在DIV部分中的内容:

<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>

附加信息: 我也使用这个jQuery代码来突出显示表中的行 - 也许它不会在页面出现后加载HTML - 如果是这样可以重新初始化?

$(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');
 });
});

1 个答案:

答案 0 :(得分:1)

尝试将您的CSS从.Highlight更改为.highlight。 CSS选择器不区分大小写,但HTML类属性不是。