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 を最初のパラメーターとして指定し、設定を 2 番目のパラメーターとして指定するだけです。

于 2010-03-09T13:32:52.250 に答える
0

私は実際に jEditable を使用することから始め、代わりに tectual の editables() プラグインに移りました。

于 2013-01-28T02:55:19.837 に答える