ユーザーがテキスト フィールドに注目しているときに、JavaScript を使用して画像を更新しようとしています。現在、次の HTML/Wicket コードがあります。
<div class="input-prepend">
<span class="add-on">
<wicket:link>
<img src="img/username-img-1.png" id="username-img"/>
</wicket:link>
</span>
<input type="text" id="username" placeholder="User Name" wicket:id="username" />
</div>
そして、次の JavaScript コード:
$(document).ready(function() {
$('#username').focus(function() {
$('#username-img').attr("src","img/username-img-2.png" );
});
});
Wicket にはリソースを参照する独自の方法があるため、明らかにこれは機能しません。他のオプションを知りたいです。ありがとう!