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方法。以下是更新的代碼。我也更新了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' 
});