jeditable - Autoscale text input with JEditable.js?

Question

I've been looking for a script that combines the autoGrowInput with the JEditable but found none.

Answer 1

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

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

Answer 2

使用通过 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;
    }
});

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