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。

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

1 个答案: