You need to attach the editable to a custom event
, say custom.editable
, and then trigger that same event when user clicks on the edit button (say it's ID is `#edit')
$('#edit').on('click', function() {
$('.editable').trigger('custom.editable');
}
And configure your editable area as such:
$('.editable').editable('... path ...', {
event: 'custom.editable'
... more config ...
}
See this fiddle: http://jsfiddle.net/f2akB/