Kom ihåg mig?

behöver lite hjälp med JS

 
Ämnesverktyg Visningsalternativ
Gammal 2017-10-26, 23:45 #1
naak2803 naak2803 är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jun 2011
Inlägg: 755
naak2803 naak2803 är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jun 2011
Inlägg: 755
Standard behöver lite hjälp med JS

Hej,

sitter och klurar ut varför detta inte fungerar... kan inte fatta vad som är felet.
Det jag vill ska hända är att när man hovrar över tabellraden ska den ta bort classen "examAvailible" och när musen lämnar raden ska den lägga till classen "examAvailible".

removeClass verkar fungera alldeles utmärkt medan addClass fungerar inte av någon konstik anledning. Någon som kan klura ut detta?

Kod:
$(function () {
            $("[id*=grvExams] td").hover(function () {
                $(".examAvailible", $(this).closest("tr")).removeClass("examAvailible");
            }, function () {
                    $(".examAvailible", $(this).closest("tr")).addClass("examAvailible");
                });
        });
Kod:
<table id="grvExams">
<tr>
<td>
<div class="examAvailible" id="examAvailible"></div>
</td>
</tr>
</table>
För att experimentera: https://jsfiddle.net/xvm4exeg/6/

som ni ser så raden rosa från början, hovrar man över den så försvinner rosa färgen. Men det är sen problemet uppstår... varför kommer inte rosa färgen tillbaka när man inte längre hovrar över raden?

Senast redigerad av naak2803 den 2017-10-26 klockan 23:48
naak2803 är inte uppkopplad   Svara med citatSvara med citat
Gammal 2017-10-27, 00:14 #2
naak2803 naak2803 är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jun 2011
Inlägg: 755
naak2803 naak2803 är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jun 2011
Inlägg: 755
haha man är ju lite trött...

denna kod funkar...

$(function () { $("[id*=grvExams] td").hover(function () { $("#examAvailible", $(this).closest("tr")).removeClass("examAvailible" ); }, function () { $("#examAvailible", $(this).closest("tr")).addClass("examAvailible"); }); });
naak2803 är inte uppkopplad   Svara med citatSvara med citat
Gammal 2017-10-27, 00:14 #3
ViktorPersson ViktorPersson är inte uppkopplad
Medlem
 
Reg.datum: Dec 2003
Inlägg: 156
ViktorPersson ViktorPersson är inte uppkopplad
Medlem
 
Reg.datum: Dec 2003
Inlägg: 156
Du har satt klassen (och ett onödigt ID) på DIV-taggen, istället för på TR-taggen, som du adresserar inuti .hover().

Exempel fix: https://jsfiddle.net/ybtc86an/
ViktorPersson är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 
Ämnesverktyg
Visningsalternativ

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 23:09.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017