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方法。下面是更新的代码。我还更新了example 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'
});

使用jEditable截断文本

1 个答案: