Атр. ID работает только один раз, несмотря на разные идентификаторы

Question

Это мой сайт: http://marmiteontoast.co.uk/fyp/login-register/register-username-builder.php

Когда вы перетаскиваете плитку справа и опускаете ее в цветную рамку, она добавляет идентификатор в пипетку (попробуйте сами и посмотрите).

Это прекрасно работает для плитки № 1. и коробки, но остальные... ничего не делает. ID не добавлен.

Это код для добавления идентификатора "dropOne", который отлично работает:

$( ".slot.one" ).droppable({
  drop: function(event, ui) {
    ui.draggable.attr('id', 'droppedOne');
    $(".save.one").fadeIn("fast");
  }
});

Answer 1

Идентификаторы уникальны для элементов HTML

ui.draggable.attr('id', 'droppedOne');

вместо этого нужно будет использовать класс, изменив на:

ui.draggable.addClass("dropped");