javascript - 属性。尽管 ID 不同，但 ID 只能使用一次

Question

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

当您从右侧拖动图 block 并将其放入彩色框中时，它会向可放置项添加一个 ID(您自己尝试一下即可看到)。

这对于数字 1.tile 和 box 来说效果很好，但其余的......它什么也不做。未添加 ID。

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

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

Answer 1

html 元素的 ID 是唯一的

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

将需要使用一个类，更改为:

ui.draggable.addClass("dropped");