jquery - 使用 jQuery 添加标记时出现边距问题？

Question

出于某种原因，如果我用 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>");

Answer 1

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

Answer 2

更新 1

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

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

--

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

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

Answer 3

它只是重要的 HTML 元素之间的第一个空格。根本没有任何空间与拥有 1-* 空间不同。