jquerydrag&；“下跌回报”；对象没有方法'；追加儿童'&引用；错误

我有一个我认为是简单的拖拉，我似乎无法去工作。我只想将拖动的图像移动到其目标中：

$('img').each(function(){
  var self = $(this);
  self.attr('draggable', 'true');
  self.bind('dragstart', function (e) {
    e.originalEvent.dataTransfer.setData('text', self.attr('id'));
  })
})
$('.drop-target').each(function(){
  var self = $(this);
  self.bind('dragover', function (e) {
    e.preventDefault();
  })
  self.bind('dragenter', function (e) {
    e.preventDefault();
  })
  self.bind('drop', function (e) {
    var elemId = e.originalEvent.dataTransfer.getData("text");
    console.log("elem id: "+elemId)
    self.appendChild($(elemId));
    if(e.preventDefault){
      e.preventDefault()
    }
  });
})

因此-元素ID的传递没有问题。我刚刚得到一个未捕获的TypeError:Object[Object Object]在控制台中没有方法“appendChild”消息。想法

---

需要更多信息吗？？谢谢

使用而不是

appendChild（）

jQuery没有我知道的

.appendChild（）

。您可能正在查找

此代码有几个问题

jQuery

对象上的

appendChild

方法

self

in

self.appendChild（$（elemId））

是一个

jQuery

对象，但是

appendChild（）

是DOM元素的一个方法，这就是发生错误的原因

ID选择器 您还从ID创建了不正确的选择器。ID选择器应以

#

开头

修正码 在这些修复之后，您的代码应该如下所示：

self.append($('#' + elemId));

---

它起作用了吗？这可能不是这段代码的唯一问题。

@juliep：看我的答案，这段代码还有另一个问题。是的，你是对的。谢谢我太专注于错误，而忽略了明显的选择器问题。：）@朱丽叶：我很高兴：）祝你好运！