2012-06-12 54 views
0

好吧,所以我終於進入jQuery,但有我希望的基本問題讓我的函數運行。我在頁面上有3個輸入字段,其中兩個禁用。我的目標是當用戶在第一個輸入字段中輸入文本時,其他兩個字段的值將在keyup()上更改爲用戶在第一個輸入字段中輸入的值。jquery changeup input.value on keyup()只適用於FF 3.6

我在jsfiddle.net上測試了我的函數,然後才把它放到我的頁面上,並且它在所有瀏覽器中都能正常工作,但是一旦我將該函數移動到我的網頁並運行它,該函數將不起作用。它似乎在Firefox 3.6中工作,但在此之後沒有任何版本。由於某種原因,它也不適用於Chrome或IE。

jsfiddle Demo

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"/>​ 
+0

我沒有看到任何理由,它不應該工作。你能在小提琴中重現問題嗎?這可能與你的其他代碼有關。 – Thomas

+0

你是否在其他瀏覽器中看到任何javascript錯誤? – jrummell

+0

您發佈的小提琴正如您在Firefox,IE和Chrome中所描述的一樣工作。所以它必須是其他東西與您的代碼搞混了。 –

回答

1

我改變$(document).ready(function() {$(function() {無w在所有瀏覽器上一切正常。不知道爲什麼,但它現在的作品: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); 
}); 
+0

它不能成爲它沒有工作的原因。看來我們永遠不會知道這是爲什麼。 –

相關問題