javascript - jQuery:将元素移动到另一个元素并再次返回使该元素不可点击

Question

在我的脚本中，我试图将一个元素(列表)从一个父元素(只是文本)移动到另一个父元素，然后再返回(到列表)。问题是，当我将元素移回原始父级 (ul) 时，它变得不可点击。我认为在 remove() 上使用 detach() 可能会有所帮助，但没有什么区别。

$(document).ready(function() {
  $("#inventoryWeapon li").click(function(event) { 
    var clickedId = event.target.id;
    if ($("td#weapon").is(":empty")) {
      $("td#weapon").text(clickedId); 
      $(this).detach(); 
    }
  });
  $("td#weapon").click(function(event) { 
    var unequipping = $(this).text();
    $("#inventoryWeapon").append("<li id='" + unequipping + "'>" + unequipping + "</li>"); 
    $(this).detach();
  });
});

Answer 1

正如上面热门评论中所建议的，您没有移动元素。要移动它，请执行此操作。

$("td#weapon").click(function(event) {
    $(this).appendTo($("#inventoryWeapon"));
});