Question

我正在尝试在我的代码中实现它，但我不知道是什么问题。我搜索了很多，但我无法发现我的代码中的问题在哪里。提前谢谢。

<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>

Answer 1

确保始终将jQuery代码包装在文档就绪函数中，如此...

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

Answer 2

您好我尝试使用您的代码，但我不会工作，我添加了head标签并使用ready函数，现在效果很好。我希望它有所帮助。此致

此致

<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>

jquery水印插件有问题

2 个答案: