Jeditable jQuery - 在init之后添加数据属性到输入

时间:2013-05-17 06:17:05

标签: jquery jeditable

我正在使用jquery jeditable,并且想要在初始化editable之后向输入添加属性。不可裁量是否包含任何提供这种可能性的函数?

2 个答案:

答案 0 :(得分:0)

试试这个:

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

答案 1 :(得分:0)

你需要对你的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