jQuery load()方法和CSS媒体查询

时间:2019-03-04 19:21:22

标签: jquery css load media-queries

我刚用jQuery的load()方法编写一个分页脚本来检索数据表。格式化加载的表似乎存在问题。当然,我可以在HTML内放置样式,如下所示,但这将是响应式设计和媒体查询的问题。 我的负载线如下所示:

$("#content").load("PaginationData.php", "PageNo="+PageNo+"&PageSize="+PageSize+"&SortColumn="+SortColumn+"&Order="+Order+"&Limit="+Limit)

它正在检索此表:

<table id="History" style="width:970px; boarder:1px solid #000000; margin:15px auto; background-color:#FFFFFF;">
   <tr style="background-color:#000000; color:#FFFFFF;">
      <th>Name</th><th>Address</th><th>Email</th>
   </tr>
<?php
while($row = mysql_fetch_array($result))
{
   $Name=$row['Name'];
   $Address=$row['Address'];
   $Email=$row['Email'];
   echo('
   <tr>
      <td style="padding:5px;">'.$Name.'</td>
      <td style="padding:5px;">'.$Address.'</td>
      <td style="padding:5px;">'.$Email.'</td>
   </tr>');
}
?>
</table>

我知道我可以删除内联css,定义类并在此load子句的末尾添加一个函数以使用jQuery添加css,但这对媒体查询以及动态屏幕和设备更改没有帮助。

我记得以前使用$(window).width()时遇到了一些问题,尽管我不记得它们是什么,但还是决定使用该方法。我还以为我也许可以检测到其他类中的媒体查询更改,并根据该更改提供CSS更改,但这似乎很笨拙。也许最好只提取数据并将其分配给调用脚本中的表?

感谢您的想法。

0 个答案:

没有答案