Javascript JQuery使用可编辑文本动态创建可拖动Div

我正在尝试使用contentEditable=true来创建可拖动的小窗口，其中包含可编辑的div

我可以拖动它们，但不能编辑文本

   $(document).ready(function(){
    $('#mybtn').click(function(){
        $('#container').append("<div class=window><div class=bar>Story Element</div><div contentEditable=true class=textbox>Drag me</div></div>");
        $(".window").draggable({delay: 100});
    });

    $(".textbox").on("click", function(e) {
        $(".window").draggable('disable');
        $(this).find(".textbox").focus();
    });

    $(".textbox").on("blur", function(){
        $(".window").draggable('enable');
    });
}); 

$（文档）.ready（函数（）{
$（'#mybtn'）。单击（函数（）{
$（“#容器”）.append（“故事元素拖动我”）；
$（“.window”）.draggable（{delay:100}）；
});
$（“.textbox”）。在（“单击”上，函数（e）{
$（“.window”）.draggable（'disable'）；
$（this.find（“.textbox”）.focus（）；
});
$（“.textbox”）.on（“模糊”，函数（）{
$（“.window”）.draggable（'enable'）；
});
}); 

您尚未正确包装要附加的内容的属性。请尝试以下操作：

$('#container').append("<div class='window'><div class='bar'>Story Element</div><div contentEditable='true' class='textbox'>Drag me</div></div>");

$（“#容器”）.append（“故事元素拖动我”）；

如果您将“bar”类设置为可拖动的句柄，它看起来就像您希望它如何工作一样。您可以拖动该框，但仍可以编辑文本

$(".window").draggable({handle:'.bar'});

---

谢谢，但这不是问题所在problem@user3066347：现在出现了什么问题。草率的属性包装不是问题的根源-我不确定如何创建可编辑文本的可拖动框。你能创建提琴吗？我不确定你的目的是什么。谢谢：D非常有帮助