选中添加的div是可拖动的

我希望我添加的div可以拖动。
我可以通过添加$("div[id^=new-text]:last").draggable();
但这不起作用。

我的完整示例链接

这是代码：

 var count=0; $(function() { $(".add-new").click(function() { $('.image').append("
Edit me
"); count++; }); $('#writable').keydown(function() { var writable_value = $('#writable').val(); $("div[id^=new-text]:last").text(writable_value); }); /*change font family*/ $("#fs").change(function() { //alert($(this).val()); $("div[id^=new-text]:last").css("font-family", $(this).val()); }); $("#fc").change(function() { //alert($(this).val()); $("div[id^=new-text]:last").css("color", $(this).val()); }); /* change font size */ $("#size").change(function() { $("div[id^=new-text]:last").css("font-size", $(this).val() + "px"); }); $("div[id^=new-text]:last").draggable(); }) 

Answer 1

如果您希望任何添加的文本可拖动。 您将寻找以下内容：

 $("div[id^=new-text]").draggable(); 

而不是你现在拥有的：

 $("div[id^=new-text]:last").draggable(); 

您只选择了最后一个新文本元素，因此您需要选择包含新文本的id所有元素。

Answer 2

如果我添加draggable它是工作但是编辑所选div的问题。 的jsfiddle

  $(".add-new").click(function() { $('.image').append("
Edit me
"); count++; });