Используйте jQuery для создания редактирования в месте div и у вас есть новый div для редактирования только под ним

Question

Я новичок в jQuery и хотел бы знать, можно ли создать и отредактировать-на-месте 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 и перешел к editables tectual в() плагина вместо Вот код, я использую https://github.com/relipse/jQuery-Editable/blob/master/jquery.editable.js