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

Question

我一直在寻找一个脚本，它结合了autoGrowInput和JEditable，但没有找到。

Answer 1

使用https://github.com/MartinF/jQuery.Autosize.Input经由jEditable的事件数据自动初始化：

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文件即可将其添加到插件中。

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