###目的
jquery.balloon.jsを用いて
・フォームにフォーカスされると吹き出しを表示 //'ABC'
・フォームからフォーカスが外れると吹き出しを非表示
・フォーム内で入力動作のたびに吹き出しを"更新" //'ABCDE'
をしたいと思い、以下のコードを書きました。
###試したこと
html
1<div class="target"> 2 <input type="text"> 3</div>
javascript
1$('div.target input').focus(function(){ 2 $(this).showBalloon({ 3 contents: 'ABC', 4 }); 5}).blur(function(){ 6 $(this).hideBalloon(); 7}); 8 9$('div.target input').on('keyup', function(){ 10 //※1 11 $(this).showBalloon({ 12 contents: 'ABCDE', 13 }); 14})
上記コードではshowBalloonを繰り返し行ってもcontentsは変更されなかったため、
※1の位置に
javascript
1 $(this).hideBalloon();
としましたが、show,hideのアニメーションが設定されている場合はkeyupイベント毎にトグルのように消→現→消..と繰り返します。
contentsの内容を直接書き換える方法などご存知でしたらお教え願いたいです。
おねます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。