pickadate 输入触发器在 div 标题上添加 class 名称

Question

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

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

请告诉我如何解决这个问题。

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。

pickadate 输入触发器在 div 标题上添加 class 名称

pickadate input trigger to add class name on div title

jquery

pickadate