pickadate Eingabe-Trigger zum Hinzufügen von Klassennamen auf Div-Titel

Question

Wir verwenden http://amsul.ca/pickadate.js/ Plugin für unsere Entwicklung.

Lösung benötigt: wenn ich Eingabefeld angeklickt habe, haben Sie hinzufügen Klasse 'displayTitle' auf 'date_title'. Aber es löst nicht das erste Mal aus. einige Zeit 2. Trigger .. einige Zeit müssen mehrmals klicken, um Klassennamen hinzuzufügen.

Bitte lassen Sie mich wissen, wie kann ich dieses Problem beheben.

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

Ändern Sie Ihre jQuery

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

</script> 

Ich bin nicht sicher, warum Sie dateFocused auf Ihre Eingabefeld hinzufügen möchten . Aber ich habe es gleich gemacht. Ich habe gerade auf click Ereignis zu focus geändert.