使用jQuery创建位置div的编辑，并有新的div可编辑只是在它下面

Question

我是的新手，想知道是否有可能创建和编辑就地div，我可以点击，键入一些文本，将其保存并立即在其下面动态弹出另一个div，这将允许相同的功能键入和保存，等等。如果有人有任何想法，将不胜感激。

$(document).ready(function() { 
     $('.edit_area').editable(function(value, settings) { 
      return (value); 
     }, { 
      type: 'textarea', 
      onblur: 'submit', 
      indicator: 'Saving...', 
      callback: function(value, settings) { 
       var thisData = $(value); 

       $.post('<%=Url.Action("SetPostieNotes", "Posties") %>', 
       'postieNotes=' + escape(thisData) 
       ); 
       var divTag = document.createElement("div"); 
       divTag.id = "div"; 
       divTag.setAttribute("align", "center"); 
       divTag.className = "edit_area"; 
       divTag.innerHTML = "Test Dynamic Div."; 
       document.body.appendChild(divTag); 
      } 
     }); 
    }); 

Answer 1

使用jEditable为编辑就地功能，以及使用它的回调函数来产卵现有低于新的div。

---

你没有真正使用的所有jEditable所提供的，尝试这样的事情（我无法现在来测试这个权利，但它应该给你一些想法）：

$(function() { 
    $('.edit_area').editable('<%=Url.Action("SetPostieNotes", "Posties") %>', { 
     callback: function(v, settings) { 
      var new_div = $('<div />') 
          .addClass('edit_area') 
          .editable('<%=Url.Action("SetPostieNotes", "Posties") %>', settings); 

      $(this).after(new_div); 
     } 
    }); 
}); 

那应该都是这样。您无需自己提交，这就是jEditable的用途。只需提供您想要保存的URL作为第一个参数，然后将设置作为第二个参数。

Answer 2

其实，我用jEditable开始，转移到tectual的editables（）插件，而不是 这里是代码我使用https://github.com/relipse/jQuery-Editable/blob/master/jquery.editable.js