0

わかりましたので、ようやくjQueryに取り掛かりますが、機能を実行するための基本的な問題を抱えています。ページに 3 つの入力フィールドがあり、そのうちの 2 つが無効になっています。私の目標は、ユーザーが最初の入力フィールドにテキストを入力すると、他の 2 つのフィールドの値が keyup() で、ユーザーが最初の入力フィールドに入力した値に変更されることです。

自分のページに配置する前に jsfiddle.net で関数をテストしたところ、すべてのブラウザーで正常に動作しましたが、その関数を自分の Web ページに移動して実行すると、関数は動作しません。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 に答える