Avatar billede n-emy Nybegynder
16. november 2010 - 13:47 Der er 9 kommentarer og
1 løsning

Dropdown funktion virker ikke med effekt (jquery)

Hej derude =)

Jeg er ikke den store javascript-haj, så kan ikke rigtig finde ud af hvad problemet er med denne funktion.

Det er en dropdown funktion, der virker når jeg kører den således:

    $('#dropdown1').hover(
       
        function () {

               
            $('#dropdown1 li a.parent').addClass('hover');
               
            $('#dropdown1 ul.children').show(1000);       
           
        },
       
        function () {


            $('#dropdown1 li a.parent').removeClass('hover');           


            $('#dropdown1 ul.children').hide(1000);
               
        }
       
    );


Jeg kunne dog godt tænke mig at ændre selve effekten til f.eks. fold eller slide, og har forsøgt mig med forskellige ting, men ingen af dem virker. Har f.eks. forsøgt
$('#dropdown1 ul.children').show().fold();
$('#dropdown1 ul.children').show(fold);
$('#dropdown1 ul.children').fold();

Er der en der kan fortælle mig hvorfor det ikke virker, og eventuelt vise mig hvordan jeg får det til at virke? =)
Avatar billede bkp Nybegynder
16. november 2010 - 16:28 #1
Du bør nok lige se mulighederne her i dokumentationen:
http://api.jquery.com/category/effects/

Prøv om dette giver den ønskede effekt for dig:
$('#dropdown1 ul.children').slideDown('slow');

Se andre muligheder her:
http://api.jquery.com/slideDown/
Avatar billede bkp Nybegynder
16. november 2010 - 16:30 #2
Ovenstående er selvfølgelig slide effekt, men tjek selv mit første link for andre effekter, er ikke helt klar over hvilken effekt du søger.
Avatar billede n-emy Nybegynder
16. november 2010 - 16:48 #3
Det virkede, mange tak =) Men hvordan kan det være jeg ikke kan udskifte slideDown med f.eks. fold?
Avatar billede bkp Nybegynder
16. november 2010 - 16:58 #4
jQuery har ikke en metode der hedder fold, så det er nok derfor :-)

Du kan se mere om de enkelte funktioner her:
http://jqapi.com/

Det smarte ved denne side er at du hurtigt kan søge og filtrere.
Avatar billede n-emy Nybegynder
16. november 2010 - 17:29 #5
Det er sikkert mig der er dum (er som sagt ingen java-haj), men fandt fold her:

http://jqueryui.com/demos/show/
Avatar billede bkp Nybegynder
16. november 2010 - 17:50 #6
Du er ikke dum min ven, men dette er en effekt til jQuery UI, og hvis du vil bruge den skal du også inkludere UI biblioteket.

Så dit hoved burde linke til disse 2 filer:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js" type="text/javascript"></script>

Men bruger du UI biblioteket skal du derudover også inkludere det stylesheet der passer dit design, som f.eks:
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/start/jquery-ui.css" />
Avatar billede bkp Nybegynder
16. november 2010 - 17:55 #7
Fandt lige denne oversigt over de enkelte temaer, den giver et godt overblik:
http://encosia.com/2009/10/11/do-you-know-about-this-undocumented-google-cdn-feature/

Jeg har også skrevet lidt om emnet her, måske kan du bruge det:
http://bkristensen.tumblr.com/tagged/jQuery/chrono
Avatar billede n-emy Nybegynder
17. november 2010 - 15:51 #8
Mange tak for hjælpen, jeg fik det til at virke og er blevet liget klogere på jquery og dets opsætning =) Svar? :)
Avatar billede bkp Nybegynder
17. november 2010 - 16:00 #9
Det var da så lidt.
Avatar billede bkp Nybegynder
17. november 2010 - 16:00 #10
Æh skulle have været et svar ;-)
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