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>标记。

-

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

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

Answer 3

这只是HTML元素之间的第一个空白区域。没有任何空间与1- *空格不同。

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

3 个答案: