divのタイトルにクラス名を追加する入力トリガーpickadate

Question

私たちの開発には​​プラグインを使用しています。

解決策：入力フィールドをクリックすると、 'date_title'にクラス 'displayTitle'が追加されます。しかし、初めてのトリガーではありません。いくつかの時間は2番目のトリガ..いくつかの時間は、クラス名を追加するために複数回クリックする必要があります。

この問題を解決する方法を教えてください。

HTML：

<div class="fieldset date_departure"> 
    <div class="date_title">Departure date</div> 
    <div class="input-append merge-right"> 
     <input type="text" class="date_textbox dateDeparture" id="dateDeparture" placeholder="Departure date"> 
    </div> 
</div> 

JS：

$('.dateDeparture').click(function(){ 
    $(this).focus(); 
    $(this).addClass('dateFocused'); 
    $(this).parent().parent().find('.date_title').addClass('displayTitle'); 
}); 

Answer 1

変更あなたのjQuery

<script> 
$('#dateDeparture').focus(function(){ 
    $(this).addClass('dateFocused'); 
    $(this).parent().parent().find(".date_title").addClass('displayTitle'); 
}); 

</script> 

あなたの入力ボックスにdateFocusedを追加したい、なぜ私はわかりません。しかし、私はそれを同じに保ちました。私はちょうどclickイベントをfocusに変更しました。