Question

我的目标：允许使用jquery插件进行内联版本的jeditable插件。

我的问题： textarea输入大于原来的div，导致滚动条的显示。

尝试解决方案：

$('.editableDescription').editable('http://jsfiddle.net/echo/jsonp/', {

id: 'data[Chantier][id]',
name: 'data[Chantier][Description]',
type: 'textarea',
height: $(".editableDescription").height() + "px",
width:  $(".editableDescription").width()+ "px",
onblur: 'submit',
tooltip: ''

});

我试图用jquery来获取包装器div的大小，但它仍然失败！

的jsfiddle： jsFiddle

Answer 1

首先，您需要从height:250px;删除.longtext，否则Jeditable会将其作为<textarea>的默认高度。

然后我确保.longtext与<textarea>中嵌套的line-height, font-size, font-family具有相同的样式，例如.longtext。

我认为您的文档中可能会有多个heights，因此您需要将不同的<textarea>s应用于不同的$('.editableDescription').editable('http://jsfiddle.net/echo/jsonp/', { id : 'data[Chantier][id]', name : 'data[Chantier][Description]', type : 'textarea', height:($(".editableDescription").height()) + "px", width: ($(".editableDescription").width()) + "px", onblur: 'submit', tooltip : '' });。所以我改变了这个：

$('.editableDescription').each(function()
{
    $(this).editable('http://jsfiddle.net/echo/jsonp/',
    {
        id:'data[Chantier][id]',
        name:'data[Chantier][Description]',
        type:'textarea',

        height:$(this).height()+'px',
        /* here it will take the height of the currently active .longtext */

        width:$(this).width()+'px',
        onblur:'submit',
        tooltip: ''
   });
});

对此：

{{1}}

<强> DEMO

基本上就是这样。

Answer 2

您可以尝试将CSS overflow属性设置为隐藏

用jeditable控制textarea的大小

2 个答案: