2014-01-09 66 views
0

我試圖在我的代碼中實現這一點,但我不知道是怎麼回事。我搜索了很多,但我無法發現我的代碼中存在問題。先謝謝你。jquery水印插件有問題

<html> 

<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js" /> 
<script type="text/javascript" src="jquery.watermark.js" /> 
</head> 

<body> 

<input type="text" width="300px" id="input"> 

<script type="text/javascript"> 
$("#input").watermark("Heee");        
</script> 
</body> 

</html> 

更新:

我已經編輯我的代碼,仍然可以得到這樣的結果:

enter image description here

我的編輯代碼:

<html> 


<body> 

<input type="text" width="300px" id="input"> 

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js" /> 
<script type="text/javascript" src="jquery.watermark.js" /> 

<script type="text/javascript"> 

$("#input").watermark("Heee");        

</script> 
</body> 

</html> 
+0

嘗試'$(函數(){$( 「#輸入」)水印( 「HEEE」);});' –

+2

@RUJordan應該不需要。劇本在身體的盡頭。檢查控制檯是否有錯誤。 – War10ck

+2

您的jquery.watermark.js文件位於何處?與您的html相同的文件夾?不同文件夾? – Charlie74

回答

0

確保你總是包裝你的jQuery代碼ound文檔準備功能,像這樣...

$(document).ready(function() { 
    $("#input").watermark("Heee");        
}); 
+0

這應該沒有必要。這提供的唯一優點是它保證了頁面上的初始元素已經被渲染。通過將腳本放在頁面主體上,它可以完成同樣的事情。初始元素將在到達腳本標記之前加載/呈現。 – War10ck

+0

Op不需要在文檔就緒處理程序中將此代碼包裝在此處 –

0

嗨,我試圖用你的代碼,但我不會工作,我加入了頭標記和使用現成的功能,現在工作得很好。我希望它有幫助。問候

問候

<html> 
<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script> 
<script type="text/javascript" src="jquery.watermark.min.js"></script> 
</head> 

<script type="text/javascript"> 

$(document).ready(function() { 
    $('#inputId').watermark('Required information'); 
}); 
</script> 

<body> 

<input type="text" width="300px" id="inputId"> 


</body> 

</html>