• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Ukrywanie div-ów

0 głosów
45 wizyt
pytanie zadane 20 czerwca 2018 w JavaScript, jQuery, AJAX przez kenjiro244 Mądrala (7,280 p.)

Witam chciałbym się dowiedzieć czy istnieje inna możliwość jeżeli chodzi chowanie divów przy kliknięciu gdziekolwiek poza nimi. Wzorując się na kursjs stworzyłem takie coś:

document.addEventListener('click', function() 
{
       this.divCnt.classList.remove('calendarSmartShow');
}.bind(this));

i to działa naprawdę fajnie tylko teraz co w przypadku jeżeli takich elementów będę miał więcej dużo więcej, Czy takie rozwiązanie jest poprawne?  No bo z jednej strony tworzę wiele addEventListener ale z drugiej wszystkie podpięte są do tego samego elementu/targetu.

1 odpowiedź

0 głosów
odpowiedź 20 czerwca 2018 przez ProgramistaStepek Nałogowiec (26,640 p.)

Możesz to rozwiązać na kilka sposobów. Jednym z nich jest po prostu sprawdzenie event.target i w zależności od jego wartości ukrycie diva lub nie.

komentarz 20 czerwca 2018 przez kenjiro244 Mądrala (7,280 p.)

No okej więc coś takiego:

document.addEventListener('click', function() 
{
         if(e.target.classList.contains('divFajny') === 0)
                this.divCnt.classList.remove('calendarSmartShow');
         else if(e.target.classList.contains('divFajny2') === 0)
                this.divCnt2.classList.remove('divHide');

}.bind(this));

Tutaj zamiast sprawdzanie po klasie tylko dla przykładu, może być po dowolnej innej własności. No i ten warunek byłby naprawdę spory.

Ale w sumie wpadłem na inny pomysł co gdybym każdy div który się pojawi a który chcę schować po kliknięciu dodawał do tablicy w ten sposób nie sprawdzałbym wszystkich divów z całej aplikacji tylko przeważnie 1/2. A kiedy już zostanie schowany usunę z tej tablicy.

Podobne pytania

–1 głos
2 odpowiedzi 153 wizyt
pytanie zadane 1 grudnia 2015 w HTML i CSS przez SzczerbekGame Bywalec (2,740 p.)
0 głosów
1 odpowiedź 105 wizyt
0 głosów
1 odpowiedź 166 wizyt
pytanie zadane 19 czerwca 2018 w JavaScript, jQuery, AJAX przez Wisien Nowicjusz (170 p.)
Porady nie od parady
Publikując kody źródłowe korzystaj ze specjalnego bloczku koloryzującego składnię (przycisk z napisem code w edytorze). Nie zapomnij o ustawieniu odpowiedniego języka z rozwijanego menu oraz czytelnym formatowaniu kodu.Przycisk code

62,337 zapytań

108,478 odpowiedzi

226,466 komentarzy

35,312 pasjonatów

Przeglądających: 259
Pasjonatów: 12 Gości: 247

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...