jQuery click事件不适用于jquery draggable（）;功能

Question

我目前正在通过点击事件将div添加到另一个div。我首先创建新的div，给它一个类，然后将其附加到已经存在的div上。然后，我使用jQuery .draggable（）;使此添加的div可拖动。功能。

javascript是：

function addKerstmuts () { 
  let newDiv = document.createElement("div");
  newDiv.className = 'kerstmuts-class';   
  document.getElementById("editor-holder").prepend(newDiv);
}

$("#image1").click(function(){
    addKerstmuts ();
    $( function() {
        $( ".kerstmuts-class" ).draggable();
    });
});


$(".kerstmuts-class").click(function() {
    console.log("the div is pressed!");
}); 

创建部分，添加一个类并使div可拖动都可以正常工作。但是，一旦我尝试向kerstmuts-class类的所有内容添加click事件，它就不会注册。为什么点击事件在这里不起作用？它与draggable（）有关吗？方法？