使用JEditable.js自动输入文本？

Question

我一直在寻找一个将autoGrowInput与JEditable结合但未找到的脚本。

Answer 1

通过jEditable的事件数据自动初始化https://github.com/MartinF/jQuery.Autosize.Input：

jQuery(element).editable(save_fn, { 
    data: function(value,settings} { 
        var target = event.target; 
        window.setTimeout(function(){ 
            jQuery(target).find('input').autosizeInput(); 
        });
        return value;
    }
});

值得注意的是，此事件（数据）在实际创建输入元素之前触发，因此使用超时。在创建输入之后，目前似乎没有可用的事件。

Answer 2

实际上我已经创建了一个完全正确的插件。您可以查看demo和documentation。我试着让它非常直观。它具有Ajax功能，使用RESTful理念。如果您喜欢autoGrowInput上的动画效果，只需使用transition属性更改css文件就可以很容易地将其添加到插件中。

如果我让人们喜欢它，我可以改进并添加更多功能。希望能帮助到你。