jQuery change input.value en keyup () solo funciona en FF 3.6

Ok, finalmente estoy ingresando a jQuery pero tengo lo que espero que sean problemas básicos para que mis funciones se ejecuten. Tengo 3 campos de entrada en una página, dos de ellos están deshabilitados. Mi objetivo es que cuando el usuario ingrese texto en el primer campo de entrada, los valores de los otros 2 campos se cambiarán en keyup() al valor ingresado por el usuario en el primer campo de entrada.

Probé mi función en jsfiddle.net antes de poder ponerla en mi página y funcionó bien en todos los navegadores, pero una vez que muevo esa función a mi página web y la ejecuto, la función no funcionará. Parece funcionar en Firefox 3.6 pero no en ninguna versión posterior. Tampoco funciona en Chrome o IE por alguna razón.

Demostración de jsfiddle

jQuery

$(document).ready(function () {
    var $title2 = $("#title2"),
        $title3 = $("#title3");
    $("#cheader").keyup(function () {
        $title2.val(this.value);
        $title3.val(this.value);
    });
    $("#cheader").blur(function () {
        $title2.val(this.value);
        $title3.val(this.value);
    });​
});

CO

.nobox {
border: none;
text-align: center;
color: #000;
background-color: #fff;
text-decoration: underline; 
font-weight: bold;
font-size: 14px;
}

HTML

<input type="text" onClick="if(this.value=='Click Here To Enter Text'){this.value=''}else{this.value=this.value}" onBlur="if(this.value==''){this.value='Click Here To Enter Text'}" style="width:250px;" class="nobox" value="Click Here To Enter Text" maxlength="35" id="cheader"/>

<input type="text" style="width:250px;" class="cheader nobox" value="Click Here To Enter Text" id="title2" disabled disabled="disabled"/>​

<input type="text" style="width:250px;" class="cheader nobox" value="Click Here To Enter Text" id="title3" disabled disabled="disabled"/>​

preguntado el 12 de junio de 12 a las 20:06

No veo ninguna razón por la que no debería funcionar. ¿Puedes reproducir el problema en un violín? Probablemente tenga algo que ver con tu otro código. -

¿Ves algún error de javascript en otros navegadores? -

El violín que publicaste funciona como lo describe en Firefox, IE y Chrome. Entonces, debe ser algo más que interfiere con su código.. -

Error: carácter ilegal Línea: 24, Columna: 3 Código fuente: });​ Cuál es el paréntesis de cierre de esa función. -

Ese es el único error que recibo cuando ejecuto la consola de errores en FF. :| No estoy seguro de qué más podría estar mal escrito en mi página, todo lo demás funciona como debería en todos los navegadores excepto este jquery. Es extraño porque FF 3.6 funciona perfectamente, pero las versiones más recientes de FF no. Supongo que voy a tener que hacer muchas revisiones en mis otros guiones incluidos. ¿Podría una línea de código de un script externo en mi página afectar esta función aunque esté escrita en la etiqueta principal de mi página? -

1 Respuestas

Cambié $(document).ready(function () { a $(function() { y ahora todo funciona bien en todos los navegadores. No estoy muy seguro de por qué, pero funciona ahora: D

$(function() {
var $title2 = $("#title2"),
    $title3 = $("#title3");

$("#cheader").keyup(function() {
    $title2.val(this.value);
    $title3.val(this.value);
});
$("#cheader").blur(function() {
    $title2.val(this.value);
    $title3.val(this.value);
});

Respondido el 13 de junio de 12 a las 04:06

No puede ser la razón por la que no funcionó. Parece que nunca sabremos por qué fue eso. - pavel strajov

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.