jquery - Jeditable jQuery - 在初始化后将数据属性添加到输入

Question

我将 jeditable 与 jquery 一起使用，并希望在可编辑初始化后向输入添加一个属性。jeditable 不包含任何提供这种可能性的功能吗？

Answer 1

您需要对 jeditable 的 js 文件进行一些修改。然后，您可以像这样添加带有属性的自定义输入：

$.editable.addInputType("customInput" , {
        element : function(settings, original) {
            var input = $('<input class="customClass"/>');
            if (settings.width != 'none') {
                input.width(settings.width);
            }
            if (settings.height != 'none') {
                input.height(settings.height);
            }

            input.attr('autocomplete', 'off');
            input.attr('customAttr', 'attr');
            $(this).append(input);
            return (input);
        }
    });

此外，如果您想在提交时添加属性，请执行以下操作：

$.editable.addInputType("dfsInputNumbers" , {
        element : function(settings, original) {
            var input = $('<input >');
            if (settings.width != 'none') {
                input.width(settings.width);
            }
            if (settings.height != 'none') {
                input.height(settings.height);
            }

            input.attr('autocomplete', 'off');
            $(this).append(input);
            return (input);
        },
    submit : function(settings, original) {
        $('input', this).attr("customAttr", "attr") {
    }
    });

我还没有测试过那个，但我一直在破解并添加一些输入类型。查看教程： http: //www.appelsiini.net/projects/jeditable/custom.html

Answer 2

尝试这个：

$('.yourDivWrapper').on('focus', '.yourJEditElement input', function() {
    var elem = $(this);
    elem.attr('name', 'value');
});