Cześć!
proszę o wyrozumiałość to moja druga aplikacja napisana w życiu, uczę się wszystkiego sama. Mam świadomość, że jestem przysłowiowym 'Januszem'. Mój problem polega na niedziałającym kodzie dla nowo dodanych elementów, kod działa jeśli element już istnieje na stronie HTML, a nie został dodany poprzez dodanie go JavaScriptem do HTML. Mam nadzieję, że jasno tłumaczę, przyczyna może też być inna, jednak jeśli usuniemy komentarz w HTML okalający element wtedy kod działa.
Tutaj zamieszczam link do codepen: http://codepen.io/annadrybulska/pen/LxVNYJ
Poniżej kod:
$('.input').focus(function(){
$(this).parent().addClass('focused');
if($('.input').change()){
$('#plus-btn').addClass('plus-btn-focused');
}
})
$('.input').blur(function(){
$parent = $(this).parent();
$parent.removeClass('focused');
})
$(':input[name="hours"]').keypress(function() {
if (this.value.length >= 2) {
return false;
}
});
$('input[name="minutes"]').keypress(function() {
if (this.value.length >= 2) {
return false;
}
});
$('input[name="seconds"]').keypress(function() {
if (this.value.length >= 2) {
return false;
}
});
$('input[name="minutes"]').keyup(function() {
if (!this.value.match(/[0-5][0-9]/)) {
this.value = this.value.replace(/[^0-5][0-9]/g, '');
if (this.value.match(/^\s*$/[0-9] )) {
this.value = this.value.replace(/[0][0-9]/);
}
}
});
$('input[name="hours"]').keyup(function() {
if (!this.value.match(/[0-5][0-9]/)) {
this.value = this.value.replace(/[^0-5][0-9]/g, '');
if (this.value.match(/^\s*$/[0-9] )) {
this.value = this.value.replace(/[0][0-9]/);
}
}
});
$('input[name="seconds"]').keyup(function() {
if (!this.value.match(/[0-5][0-9]/)) {
this.value = this.value.replace(/[^0-5][0-9]/g, '');
if (this.value.match(/^\s*$/[0-9] )) {
this.value = this.value.replace(/[0][0-9]/);
}
}
});
Wydaje mi się, że mój kod w JavaScript mógłby być uproszczony poprzez pętle, funkcje.. nie wiem jak za to się zabrać. Dodatkowo cały czas się rozrasta co przyprawia mnie o dreszcze....
Jeszcze raz proszę o wyrozumiałość, nie jestem w tym biegła, nie posiadam wykształcenia, ani nie zrealizowałam żadnego kursu...
Jest to moje hobby, dość wymagające z powodu braku mojej wiedzy ale nie chcę się poddać!
Chętnie zastosuje się do Waszych rad i sugestii i opanuję zaproponowany przez Was materiał. Dziękuję!