Проблема с полями при добавлении разметки с помощью 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>.

-

Вы должны изучить старую разметку и динамически добавленную разметку через firebug. Вероятно, что ваши структуры немного отличаются или атрибут класса не применяется должным образом к новым элементам из-за опечатки или переопределенного стиля.

Для более полезного ответа укажите исходную разметку и код, который вставляет новую разметку, а также любой CSS, который может повлиять на элементы.

Answer 3

Это только первый пробел между элементами HTML, которые имеют значение. Отсутствие пробела совсем отличается от наличия 1- * пробела.