javascript - 在可编辑模式下添加新的 Div

Question

我已经按照 JsFiddle 编辑一个 Div，现在我也想添加一个 div 默认情况下处于编辑模式。

当我点击 Add New div 时，新的 div 被添加，然后可以通过点击 Edit 来编辑它。但我想知道有没有办法当我点击添加新 Div 时，div 应该默认处于编辑模式。有什么办法可以实现吗。

以下是Js Fiddle

感谢帮助:)

Answer 1

按如下方式更改您的函数:

 $("#add").click(function () {
     $('#accordion').prepend($("#appendpanel").clone().removeAttr('id').find('.panel-title, .panel-collapse').attr('contenteditable',true).css('border','2px solid'));
});

检查这个JSFiddle

Updated Fiddle根据评论

注意:还有其他巧妙的方法可以做你想做的事。您可以简单地保留一个隐藏的可编辑 div，添加它的克隆并使其可见。或者创建一个动态添加您需要的标记的函数。

旁注:请避免使用 inline-css，原因如下:Why Use CSS @ MDN

为了改变样式属性，jQuery 有一个专用的css() 函数

你不需要两个 $(document).ready() 函数