使用 jQuery 添加标记时出现边距问题？答案

【问题标题】：Issue with margins when markup is added with jQuery?使用 jQuery 添加标记时出现边距问题？
【发布时间】：2010-02-17 05:16:50
【问题描述】：

由于某种原因，如果我用 jQuery 添加这些按钮（因为 Ajax 插入函数），当它们通过服务器上的 PHP 加载时它们看起来很奇怪？

http://tomsfil.es/63221c41.png http://tomsfil.es/63221c41.png

这种行为的原因是什么

这是插入它的 jQuery：

var actions = '<td><a href="#" class="small awesome black editButton" id="'+id+'">Edit</a><a href="/appointments/new/'+id+'/" class="small awesome black">Schedule</a><a href="#" class="small awesome red deleteButton" id="'+id+'">Delete</a></td>';
$('.clients tr.headerRow').after("<tr>"+check+"<td>#"+id+"</td>"+name+address+homephone+actions+"</tr>");

【问题讨论】：

标签： jquery ajax margin

【解决方案1】：

我猜是因为您已经组织了代码，所以每个按钮都在一个新行上，这意味着它们之间有一个空格。通过js添加时，每个按钮之间有空格吗？

【讨论】：

【解决方案2】：

更新 1

<tr>"+check+"<td>#"+id+"</td>"+name+address+homephone+actions+"</tr>

您在<tr> 和嵌套的<td> 之间插入值。这是一个禁忌。值需要在 <td> 标签内。

您应该通过 firebug 检查旧标记与动态添加标记。您的结构可能略有不同，或者由于拼写错误或样式被覆盖，类属性未正确应用于新元素。

要获得更有帮助的答案，请提供您的初始标记、插入新标记的代码以及可能影响元素的任何 CSS。

【讨论】：

嗯，是的，它完全一样：|
@tarnfield：这不完全相同，否则您不会有渲染差异。

【解决方案3】：

它只是重要的 HTML 元素之间的第一个空格。完全没有空格与有 1-* 空格是不同的。

【讨论】：