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

Powiązanie klas

VPS Starter Arubacloud
0 głosów
160 wizyt
pytanie zadane 7 września 2017 w JavaScript przez ayo1001 Obywatel (1,890 p.)

Cześć,

Mam mały problem i potrzebuje pomocy. Mianowicie:

W pierwszej kolumnie mam <li> i klasy:

<li class="abc1">
...
</li>
<li class="abc2">
...
</li>
<li class="abc3">
...
</li>
<li class="abc4">
...
</li>

...

Po najechaniu na li pojawia się:

<li class="abc1 focus">

 

a po kliknięciu:

<li class="abc1 active">

 

w drugiej kolumnie:

<div class="box nazwa1">
...
</div>
<div class="box nazwa2">
...
</div>
<div class="box nazwa3">
...
</div>
<div class="box nazwa2">
...
</div>

...

Jak przypisać "abc1" do np. "nazwa1" lub "nazwa3"

Przykład:

Najeżdżam na "abc1" i dodaje mi klasę do "nazwa3" np. "hover-box"
Klikam na "abc1" i dodaje mi klasę do "nazwa3" np. "active-box"

 

Jak to ze sobą powiązać, chodzi mi tylko o prosty przykład.

1 odpowiedź

0 głosów
odpowiedź 7 września 2017 przez jankowa1ski Gaduła (3,560 p.)

jesli chcesz zrobić to: Najeżdżam na "abc1" i dodaje mi klasę do "nazwa3" np. "hover-box"  w jquery
 

$(".abc1").on("mouseenter",function(){

              $(".nazwa3").addClass("hover-box");

});

Czyli bierzesz element jquery o classie abc1 nasłuchujesz znarzenia mouseenter i gdy ono zajdzie wykonujesz funkcje ktora dla elementu jquery o classie nazwa3 wywoluje funkcje addClass() ktora nadaje temu elementowi classe hover-box

komentarz 7 września 2017 przez jankowa1ski Gaduła (3,560 p.)
Z tym że nie wiem czy chcesz w js czy w jquery
komentarz 7 września 2017 przez ayo1001 Obywatel (1,890 p.)
Działa, tylko jak teraz zrobić, żeby klasa hover-box znikała, bo niestety jest widoczna cały czas.
komentarz 7 września 2017 przez jankowa1ski Gaduła (3,560 p.)
Masz funkcje removeClass() do usuwania klasy, ale możesz też uzyc funkcji toggleClass() ktora działa w ten sposob że gdy element nie ma podanej klasy to zostanie ona dodana a gdy już ją ma to zostanie usunięta

Podobne pytania

0 głosów
1 odpowiedź 330 wizyt
pytanie zadane 24 sierpnia 2019 w JavaScript przez Majonez.exe Gaduła (3,490 p.)
0 głosów
1 odpowiedź 356 wizyt
0 głosów
1 odpowiedź 136 wizyt
pytanie zadane 7 sierpnia 2020 w JavaScript przez Wiciorny Ekspert (269,120 p.)

92,452 zapytań

141,262 odpowiedzi

319,085 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...