pickadate輸入觸發器在div標題上添加類名稱

我們正在使用插件進行我們的開發。pickadate輸入觸發器在div標題上添加類名稱

需要的解決方案：當我點擊輸入字段時，它在'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'); 
});

來源

2016-08-26 TDG

嘗試使用#dateDeparture而不是使用jquery中的類 –

感謝您的意見。但是，還是一樣..它不工作！ – TDG

在JS中使用$（'＃dateDeparture'），因爲您已經在div中使用了類兩次以及輸入字段，所以第一次單擊它時，它將轉到div而不是輸入字段 –

更改您的jQuery

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

</script>

我不知道爲什麼要添加dateFocused到您的輸入框。但我保持不變。我只是將click事件更改爲focus。

來源

2016-08-26 07:13:25

Thanks Sagar .. awesome .. it works！ – TDG

pickadate輸入觸發器在div標題上添加類名稱

回答

相關問題