javascript - 属性。ID 只工作一次，尽管 ID 不同

Question

这是我的网站： http: //marmiteontoast.co.uk/fyp/login-register/register-username-builder.php

当您从右侧拖动图块并将其放入彩色框中时，它会向可放置对象添加一个 ID（您自己试试看）。

这适用于数字 1。瓷砖和盒子，但其余的......它什么都不做。没有添加 ID。

这是添加 ID“droppedOne”的代码，效果很好：

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

Answer 1

id 对于 html 元素是唯一的

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

将需要使用一个类，改为：

ui.draggable.addClass("dropped");