使用 JEditable.js 自动缩放文本输入？答案

【问题标题】：Autoscale text input with JEditable.js?使用 JEditable.js 自动缩放文本输入？
【发布时间】：2012-06-18 10:55:42
【问题描述】：

我一直在寻找将autoGrowInput 与JEditable 组合在一起的脚本，但没有找到。

【问题讨论】：

【解决方案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;
    }
});

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

【讨论】：

【解决方案2】：

实际上，我已经创建了一个插件来做到这一点。您可以查看demo 和documentation。我试图让它非常直观。它具有 ajax 功能，使用 RESTful 哲学。如果您喜欢 autoGrowInput 上的动画效果，只需使用 transition 属性更改 css 文件即可将其添加到插件中非常容易。

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

【讨论】：