2017-02-09 2 views
0

У меня есть динамический список, где я могу добавить поля файла. Но когда я добавляю несколько полей, все добавленные кнопки удаления попадают в последнее добавленное поле.Добавление элемента за элементом с .After() принимает предыдущие добавленные элементы вместе с ними. (JQuery)

И когда я использую .before() вместо .after() он работает правильно, только она перед элементом, что я не хочу ..

Demo:

https://jsfiddle.net/yokLpnwo/11/

+0

, что именно вы хотите? –

+0

Я предполагаю, что все поля имеют кнопку удаления :) @NalinAggarwal – Alexander

ответ

1

Ну, Кнопка добавлена ​​в Dom, это кнопка css на кнопке удаления, которая превращает вашу кнопку в совпадение друг с другом.

'<button type="button" id="remove' + (next) + '" class="btn btn-danger remove-me" style="margin-top: -34px; position: absolute; right: 40%;" >-</button></div><div id="field">' 

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

'<button type="button" id="remove' + (next) + '" class="btn btn-danger remove-me" style="margin-top: -'+(next*34)+'px; position: absolute; right: 40%;" >-</button></div><div id="field">' 
+0

Спасибо! Он работает, возможно, имеет изменения * 34, но я получаю концепцию :) – Alexander

+0

Yep должен был изменить margin-top: to top: – Alexander