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

Question

我是新来的 jQuery的，并想知道是否有可能创造和编辑就地格，我可以点击，输入一些文字，把它保存并立即有另一个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