Jeditable para editar un enlace. Ayuda

Question

He estado jugando con jeditable durante 2 días, ¡y es genial!

Pero tengo un pequeño problema, tengo un enlace que debe ser editable, pero cada vez que el campo se puede editar, no puedo editar ese campo, cuando hago clic, salta directamente a ese enlace.

¿Alguna solución?

Aquí está mi código

<a href="$homeurl/$hashkey" class="editsubject" id="$hashkey">$subject</a><span class="edittrigger" style="cursor:pointer;background:#EEEEEE;">edit</span> 


$(document).ready(function() { 
      $('.editsubject').editable('editsubject.php', { 
        event : 'editclick', 
        cancel : 'Cancel', 
        submit : 'OK', 
        indicator : 'Wait...', 
        id : 'hk', 
        name : 'ns', 
        css : 'inherit' 
      }); 
      $('.edittrigger').bind('click', function() { 
       $(this).prev().trigger('editclick'); 
      }); 
     }); 

Gracias

Answer 1

problema jEditable, he aquí una solución

me gustaría utilizar un lapso oculta y luego tener que sustituir el texto del enlace en enviar, y cuando hace clic en el disparador, hace que el enlace sea invisible y muestre el tramo oculto

<script type='text/javascript'> 
$(document).ready(function() { 
    $('.proxyedit').editable('editsubject.php', { 
     event : 'editclick', 
     cancel : 'Cancel', 
     submit : 'OK', 
     indicator : 'Wait...', 
     id : 'hk', 
     name : 'ns', 
     css : 'inherit', 
     callback : function(value, settings) { 
      $(this).css({'display':'none'}); 
      $('.editsubject').text($(this).text()).css({'display':'inline'}); 
     } 

    }); 
    $('.edittrigger').bind('click', function() { 
     $(this).prev().trigger('editclick'); 
     $('.proxyedit').css({'display':'inline'}); 
     $('.editsubject').css({'display':'none'}); 
    }); 
}); 
</script> 

en el cuerpo

<a href="$homeurl/$hashkey" class="editsubject" id="$hashkey">$subject</a><span style="display:none;" class="proxyedit">$subject</span><span class="edittrigger" style="cursor:pointer;background:#EEEEEE;">edit</span> 

Answer 2

usar JavaScript para inutilizar el enlace en el caso de que contiene un formulario. Trabajo realizado:

$(document).ready(function() { 
    $('a.my-editable-link').click(function() { 
    form = $(this).find('form'); 
    if (form.length) { 
     form.submit(); 
     return false; 
    } else { 
     return true; 
    } 
    } 
}) 

Answer 3

Puede deshabilitar los enlaces editables con jQuery. Algo como:

$(".editable a").bind("click", function(event) { 
    return false; 
});