• 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
46 wizyt
pytanie zadane 20 czerwca 2018 w JavaScript, jQuery, AJAX przez kenjiro244 Dyskutant (7,680 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 (27,060 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 Dyskutant (7,680 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ź 66 wizyt
0 głosów
1 odpowiedź 120 wizyt
Porady nie od parady
Zadając pytanie postaraj się o odpowiedni tytuł, kategorię oraz tagi.Tagi

64,049 zapytań

110,440 odpowiedzi

231,294 komentarzy

47,819 pasjonatów

Przeglądających: 255
Pasjonatów: 8 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.

...