Bloquear un Evento Jquery

[mixzplit]

Hola compañeros, tenia tiempo que no visitaba el FORO (cuestiones laborales )

Les escribo por que estoy con un problemita que no se por que se me ha complicado, explico:

Tengo una tabla con INFO de Perfil de un usuario, para modifcar los datos de dicho usuario, basta con darle doble click sobre algun elemento de la tabla y modificarlo y al darle enter guardara la modificacion.

Me ha pasado que al darle doble click sobre el <label> cuando aparece el campo de texto, sin querer le volvi a dar doble click y en el campo de texto me borro la info y me coloco esto: " <input id= " no tengo idea de por que pasa esto, entonces quisiera saber si es posible bloquear el evento dblclick de JQUERY, intente hacerlo con PreventDefault pero no me funciono, aqui el codigo:

Código Javascript:

$('#cargo').dblclick(function(){
        $("#cargo").html('<input id="new_cargo" type="text"  value="'+$('#cargo').html()+'" >');        
        $("#new_cargo").keydown(function(e){
           var key = e.keyCode || e.which;
           if(key == 13 || key == 9){   
             $("#cargo").html($("#new_cargo").val());
             $.post("act_datos.php",{op:'31', cargo: $("#cargo").html()},function(data){
                 $('#messagecargo').html(data);
                 $("#messagecargo").delay(3000).fadeOut("slow");
              });        
           }
        });   
 
    
    });
 

Aqui parte de la tabla:

Código HTML:

<th height="24">Cargo:</th>
           <td>
             <label id="cargo" style="font-size:16px"><?=$array['us_cargo'];?></label>
             <div id="messagecargo"></div>
           </td>
       </th>
 

Espero me haya explicado y me puedan ayudar con algo q parece sencillo


Se me olvidaba, coloco aqui otro detalle que tengo, cuando hago una modificacion sale un mensaje lo cual lo oculto luego de 3 segundos, eso lo hago aqui:

Código Javascript:

$("#messagecargo").delay(3000).fadeOut("slow");
 

Resulta que ese mensaje me sale solo una vez, si vuelvo a modificar el mismo campo ya no sale el mensaje, si actualizo la pagina si me vuelve a salir, no se como resolver eso, Gracias

[alexg88]

Te da ese problema porque el label con id="cargo" sigue existiendo y cuando pulsas doble click se sigue ejecutando el evento.

Lo puedes solucionar de varias formas. Yo te dejo una forma que consiste en crear el textbox aparte y ocultar el label y cuando finalices, quitas el textbox y muestras el label.

Aquí puedes ver el ejemplo simplificado:

http://jsfiddle.net/kJ3U9/1/

[mixzplit]

No se por que no lo pense asi jejeje, me funciono correctamente, Gracias alexg88