2010-07-30 16 views
8

Me preguntaba si puede evitar que el texto sea editable al hacer clic? Tengo un botón de edición por separado para hacer que el texto se pueda editar y esa es la única forma en que quiero que el usuario pueda editar el texto, por lo que quiero desactivar la edición al hacer clic.JQuery JEditable - Cómo deshabilitar al hacer clic en edición

¿Alguna idea?

Respuesta

2

Hay una opción no documentada evento que puede usar cuando crea los campos editable.

(en realidad no es indocumentado pero se acaba de mencionar fuera de la mano en una frase en la página docs jEditable.)

Se puede utilizar para cambiar el evento que hace que el campo editable. Puede usar cualquier evento jquery, incluso eventos personalizados.

Por ejemplo, en mi proyecto, creé un evento edit.mode que hace que el campo editable pueda luego disparar como quiera, con un botón, una tecla rápida, lo que sea.

+0

Una estoy apreciando su respuesta también por gran explicación que yo no podía entender al revisar doc para jEditable. – NullPointer

+0

Estoy un poco confundido en cuanto a lo que representa el valor 'evento'. ¿Es un nombre de función? – akeane

+0

Ignora la pregunta anterior ... fue estúpido y entiendo lo que es ahora. Lo siento ... pregunté antes de pensar ... pasa a veces. Faltaba algo que era la parte no vinculante que me interesaba, pero lo encontré más tarde (más o menos como una palanca). – akeane

3

Britt tiene razón, agrega un evento personalizado y, por ejemplo, lo activa con un botón. Aquí hay un código de explicarlo:

El evento personalizado:

$('#id').editable('http://www.example.com/save.php', { 
    event : 'custom_event' 
}); 

Y el gatillo:

<button onclick="$('#id').trigger('custom_event');">click to trigger</button> 
+0

¿Eso le impedirá pasar el mouse si usa event para custom-event? –

+0

@Lutsen, una gran solución. Tomó un tiempo comprender su solución, pero después de eso, funciona como un hechizo. Estaba buscando esta respuesta desde tantos días (alrededor de 8 a 10 días). Pero luego oré a Stackover Angel y finalmente encontré esta solución. También le agradezco su solución. – NullPointer

Cuestiones relacionadas