0

だから私は自分のウェブサイトに編集可能なテキスト行を持っています。テキストが変更されて一定の長さを超えるたびに、テキストを切り詰めます。

ここの簡略化されたjsfiddle - http://jsfiddle.net/3kwCr/1/

編集するテキストをその後クリックすると、省略記号で切り捨てられた値が取得されます。jEditable が div の属性として存在する実際の値を取得するにはどうすればよいですか?

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

これらの編集可能なテキスト行がいくつかあるため、機能しません

次のようなものが必要です

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

これは、.editable が適用された div オブジェクトになります。

4

1 に答える 1

1

jQuery オブジェクトにラップthisするだけで、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'
});
于 2012-12-23T10:29:44.580 に答える