2

我是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);
            }
        });
    });
4

2 回答 2

5

将jEditable用于就地编辑功能，并使用它的回调函数在现有 div 下方生成新 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 作为第一个参数，并将设置作为第二个参数。

于 2010-03-09T13:32:52.250 回答
0

我实际上是从使用 jEditable 开始的，然后转而使用 tectual 的 editables() 插件这是我正在使用的代码https://github.com/relipse/jQuery-Editable/blob/master/jquery.editable.js

于 2013-01-28T02:55:19.837 回答