X - düzenlenebilir girdi diğer öğeye tıklayın

Question

Kullanıcı adları düzenlemek için kullanıyorum x düzenlenebilir bir giriş var. Öğenin varsayılan eylemi, kendi üzerine tıkladığınızda bir değeri düzenleyebilirsiniz. Ancak, elemanın .editable'a tıklanmasını ve girişimin içindeki değeri düzenleyebilmeyi istiyorum. Buradaki şeyleri kısaltmak için şu anki durumumun a jsfiddle.

jQuery:

$(function(){ 
    $.fn.editable.defaults.mode = 'inline'; 
    $('#publicname-change').editable({ 
    type: 'text', 
    url: '/post', 
    pk: 1, 
    placement: 'top', 
    title: 'Enter public name' 
    } 
); 

//ajax emulation. Type "err" to see error message 
$.mockjax({ 
    url: '/post', 
    responseTime: 100, 
    response: function(settings) { 
    if(settings.data.value == 'err') { 
     this.status = 500; 
     this.responseText = 'Validation error!'; 
    } else { 
     this.responseText = ''; 
    } 
    } 
}); 

HTML: Birisi bana ve düzenlemeyi ben belirtilen şekilde benim bağlantılı jsfiddle yardımcı olabilir

<div class="control-group control-group-inline"> 
    <label class="control-label labelModified" for="publicname-change">Public name:</label> 
    <div class="controls"> 
    <a href="#" id="publicname-change" class="editable editable-click inline-input">Mr. Doe</a> 
    <div class="edit">edit <i class="icon-pencil pencil-input-change"></i></div> 
    </div> 
</div> 

iyi olurdu. Tıklayın .edit, değeri düzenlemek mümkün.

Size ilk satırı ekleyin yoksa varsayılan davranış başka tıklamasıyla konusunda Düzenlemeyi devre dışı bırakmaktır çünkü bu işe yaramaz

$('.edit').click(function(e){  
     e.stopPropagation(); 
     $('#publicname-change').editable('toggle'); 
}); 

düzenlemek etkinleştirmek için kullanabilirsiniz etkinleştirin adında bir işlevi vardır

Answer 1

öğesi.

Düzenleme:

sadece düzenleme düğmeyi tıklamak ve metin üzerinde düzenleme etkinleştirmek için manual için toggle özelliğini ayarlayın.

$('#publicname-change').editable({ 
    type: 'text', 
    url: '/post', 
    pk: 1, 
    placement: 'top', 
    title: 'Enter public name', 
    toggle:'manual' 
} 

JSFiddle