1

我在 SYMFONY 项目中使用 JAVASCRIPT、JQuery（和 JQuery Mobile）。

我的麻烦如下：我有一个<table class='div 12'>（使用 JQuery Mobiletable-reflow选项用于响应式视图）每个<tr class='div 12'>表都可以通过单击进行扩展。

单击它会调用服务器并刷新页面。

单击操作在希望扩展的<tr class='div 12'> 下方添加额外内容。<tr class='div 12'>extra<tr class='div 12'>的设计与表格的常规行不同的列特征（不一样<th>和<td>在里面<tr>）它只是<td class='div 12'><div class='div 12'><form >....</form></div></td>放在 extra 里面<tr>。

我的 CSS 中用于小屏幕宽度的样式表参数是这样的：

[class*="col-"] {
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
}

如果 DOM ELEMENTS<div class='div 12'><form >....</form></div>未插入表中，则它应该占用空间。

然后在表格中宽度太大，表格也太大。<div class='div 12'><form >....</form></div>不应使用其现有的周围标记重新计算应具有的正确宽度：

 <table class='div 12'>
<thead  class='div 12'>...</thead>
<tbody  class='div 12'>
     ...
    <tr class='div 12'><td><div class='div 12'><form >....</form></div></td></tr>
     ...
</tbody>
</table class='div 12'>

因此，我想知道是否有一个 JS 函数可以在操作后将现有样式表重新应用到 DOM？

4

0 回答 0