使用REST in place设置textarea的大小

时间:2014-08-02 03:35:53

标签: jquery css inplace-editing

我不了解如何将事件机制绑定到JQuery,以便使用REST-in-place设置textarea的大小。有人能指出我正确的方向吗?

在构建表单时,根据documentation,“ready.rest-in-place。此事件可用于更改字段或文本区域的大小。”

所以我有这个加载,但它似乎没有改变样式:

$('.rest-in-place-body').bind('ready.rest-in-place', function(event, json) {
    el = $(this);
    el.style.width = "250px";
    el.style.rows = "10";
});

我要编辑的属性是Model#body

我对此并不正确?

更新: 这是点击的div。我无法看到jquery创建的HTML,因为当我查看Firebug以查看已更改的内容时,它会停止编辑并返回到此状态。也许还有另一种我不知道的方式?

<div id="event-input" class="rest-in-place" data-url="/events/2" data-object="post" data-formtype="textarea" data-attribute="body">Click to Edit...</div>

1 个答案:

答案 0 :(得分:0)

textarea生成的restinplace不会有类名rest-in-place-body。尝试

$('#event-input').bind('ready.rest-in-place', function(event, json) {
  $(this).find('textarea').attr('rows', '10');
}