jeditable - 使用 jEditable 截断文本

Question

所以我的网站上有一行可编辑的文本。每当文本更改并超过一定长度时，我都会截断文本。

此处简化 jsfiddle - http://jsfiddle.net/3kwCr/1/

在随后单击要编辑的文本时，会拾取带有省略号的截断值。如何让 jEditable 获取作为属性存在于 div 中的实际值？

data: function() { $('.editable-value').attr('value') }

将无法工作，因为我有几行这些可编辑的文本行

我需要类似的东西

data: function() { this.attr('value') }

这将是 .editable 已应用于的 div 对象。

Answer 1

只需包装this到 jQuery 对象中，以便您可以在其上使用 jQuery 方法。下面是更新的代码。我还更新了示例 jsFiddle。

$('.editable').editable(function(value, settings) { 
    $(this).attr('value', value);
    if (value.length > 10) {
        return(value.slice(0,10)) + '...';
    } else {
        return(value);
    }
}, { 
    data    : function(value) { return($(this).attr('value')); },      
    type    : 'text',
    submit  : 'OK'
});