0

好的，所以我终于进入了 jQuery，但我希望是让我的函数运行的基本问题。我在一个页面上有 3 个输入字段，其中两个被禁用。我的目标是，当用户在第一个输入字段中输入文本时，其他 2 个字段的值将在 keyup() 上更改为用户在第一个输入字段中输入的值。

我在 jsfiddle.net 上测试了我的函数，然后才能将它放在我的页面上，并且它在所有浏览器中都运行良好，但是一旦我将该函数移动到我的网页并运行它，该函数将不起作用。它似乎可以在 Firefox 3.6 中使用，但之后的任何版本都没有。由于某种原因，它也不能在 chrome 或 IE 中工作。

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);
    });​
});

CSS

.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"/>​
4

1 回答 1

1

我更改$(document).ready(function () {为$(function() {，现在在所有浏览器上一切正常。不太清楚为什么，但它现在可以工作了：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);
});
于 2012-06-13T03:26:43.657 回答