Jeditable + JmaskedInput + 新动态字段

Question

好的，

我正在使用 jeditable + jmaskedinput 来操作我的表格。

$(".edit_user").editable("save.php", { 

                    data: '{"84":"Test User","85":"Test User"," ":" "}',

                    type: "select",

                    onblur: "submit",



                });

在此之后，我想在我的表中添加一个新列。

$('table.schichtplan tr:first').append('<th><div class="add_user" id="xyz">User</div></th>');

我通过一个按钮在上面调用它；）

所以我添加了一个新的 TH 元素，但我无法通过 jeditable 对其进行编辑。

我的代码：

        $(".edit_employee").editable("save.php", { 

                data: some json,

                type: "select",

                onblur: "submit",

                placeholder: "Mitarbeiter"

            });



        $('#add_employee').click(function(){

            var tage = $('table.schichtplan tr').length-4;

            var sort_id = $('table.schichtplan').find('tr')[0].cells.length-1;

            var new_th = '<th><div id="plan_id:'+plan_id+';sort_id:'+sort_id+'" class="edit_employee">Mitarbeiter</div></th>';

            $('table.schichtplan tr:first').append(new_th);

        });         

这是我使用的顺序。嗯

编辑：

   $('th > div').live('mouseenter',function(){

                $(this).editable("save.php", { 

                    data: json,

                    type: "select",

                    onblur: "submit",

                    placeholder: "Mitarbeiter"

                });

            });

即使这样也行不通;(

Answer 1

那是因为.editable() 正在使用.bind()，它只会影响 DOM 中已经存在的元素。尝试以下方法：

$('th > div').live('mouseenter', function() {
    $(this).editable(...);
});

本质上，它观察任何th > div 上的mouseenter 事件。当它发生时，它使div 元素可编辑。

Answer 2

尝试使用这个，元素有class="edit":

$(document).on('mouseenter','.edit', function() {
    $(this).editable('updatedata.php');
});