Avatar billede heyn Nybegynder
28. november 2013 - 16:18 Der er 9 kommentarer og
2 løsninger

JQuery: Hvordan får man hånd med pegefinger ved hover

Hej eksperter

Jeg har et problem med JQuery

Jeg ønsker at en tabelrække skifter farve og musen skifter til en 'pegefinger' når musen holdes over en række.
Det med farven fungerer, men jeg kan ikke få musen til at skifte udseende.

Min kode er således:

$('#prod_list tr').hover(
    function () {
        $(this).css('background','#FFC75F');
    },
    function () {
        $(this).css('background','#FFE77F');
    }
);

Det fungerer fint, men følgende gør ingen forskel - ingen forandring i musens udseende:

$('#prod_list tr').hover(
    function () {
        $(this).css('background','#FFC75F');
        $(this).css('curser','pointer');
    },
    function () {
        $(this).css('background','#FFE77F');
    }
);

Kan nogen give mig en forklaring?

P.s.: Jeg anvender FireFox

Venligst Christian
Avatar billede Torstved Novice
28. november 2013 - 17:28 #1
Hei løsningen er CSS

<style type="text/css">
.class:hover {cursor:pointer;}
</style>

The @ngel Man

XDDD
Avatar billede moddi100 Seniormester
28. november 2013 - 20:23 #2
Ændrer du i css som i ovenstående er det permanent indtil du sætter en anden værdi for cursor - præcis samme princip som du gør med baggrunden. Standardværdien for "cursor" er "auto":


$('#prod_list tr').hover(
    function () {
        $(this).css('background','#FFC75F');
        $(this).css('curser','pointer');
    },
    function () {
        $(this).css('background','#FFE77F');
        $(this).css('curser','auto');
    }
);
Avatar billede jokkejensen Novice
28. november 2013 - 22:04 #3
Det staves cursor, ikke cyrser
Avatar billede keysersoze Guru
28. november 2013 - 23:57 #4
du er den eneste der har skrevet cyrser ;)
Avatar billede jokkejensen Novice
29. november 2013 - 00:02 #5
Ja takket være den her lorte tlf.. Curser.. Men det staves med o, som cursor
Avatar billede jokkejensen Novice
29. november 2013 - 00:04 #6
Altså fejlen tildels han skriver curser og ikke cursor
Avatar billede keysersoze Guru
29. november 2013 - 00:08 #7
i know (:
Avatar billede moddi100 Seniormester
29. november 2013 - 00:29 #8
#6 det kan der være noget om. Det der copy-paste er måske ikke altid den bedste løsning: :)

$('#prod_list tr').hover(
    function () {
        $(this).css('background','#FFC75F');
        $(this).css('cursor','pointer');
    },
    function () {
        $(this).css('background','#FFE77F');
        $(this).css('cursor','auto');
    }
);
Avatar billede jokkejensen Novice
29. november 2013 - 01:21 #9
Niks, og man skal slet ikke skrive kode på sin mobil :)
Avatar billede heyn Nybegynder
29. november 2013 - 09:11 #10
Se det var meget pinligt.
Sådan går det når man copy paster sin løsning fra nettet.

Jeg har røde ører.

jokkejensen og moddi100 smider i et svar?

Venligst Christian
Avatar billede moddi100 Seniormester
30. november 2013 - 13:30 #11
Overhovedet ikke heyn :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester