jQuery load () метод и css медиа-запросы - PullRequest
Новая
       9

jQuery load () метод и css медиа-запросы

0 голосов
/ 04 марта 2019

Я только что закончил писать скрипт разбиения на страницы, используя метод load () jQuery для извлечения таблицы данных.Кажется, есть проблема в форматировании загруженной таблицы.Конечно, я могу разместить стили внутри 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, определить классы и добавить функцию вконец этого предложения загрузки для добавления CSS с использованием jQuery, но это не помогает мне в отношении медиазапросов и динамических изменений экрана и устройства.

Я помню некоторые проблемы с использованием $ (window) .width () раньше, хотя я не помню, что они были, но решил против этого метода.Я также подумал, что, возможно, я мог бы обнаружить изменение медиазапроса в каком-то другом классе и предоставить изменения CSS, основываясь на этом, но это выглядит довольно глупо.Возможно, было бы лучше просто извлечь данные и присвоить их таблице в вызывающем скрипте?

Мысли приветствуются.

...