jquery - pickadate 输入触发器在 div 标题上添加类名

Question

我们正在使用http://amsul.ca/pickadate.js/插件进行开发。

需要的解决方案：当我点击输入字段时，它在'date_title'上添加了类'displayTitle'。但是，它不是第一次触发。有时第二次触发..有时必须多次单击才能添加类名。

请让我知道如何解决此问题。

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.