Søg
Avatar billede j-roar-h Nybegynder
09. oktober 2010 - 19:16 Der er 13 kommentarer og
1 løsning

jQuery Accordion

Hej,

Jeg har et problem med en accordion fra jQuery UI.

Problemet er at den starter med at en af "lugerne" er åbne. Jeg vil gerne have alle sammen er lukkede når man kommer ind på siden..

Det egentlige problem er at det virker fint på mac, men ikke på pc.

Jeg har ændret active fra 0 til -1.

options: {
        active: -1,

Jeg kan forstå på deres hjemmeside, og via et tidligere spørgsmål herinde at man kan indsætte en kode der hedder:

$( ".selector" ).accordion({ active: false });

Men jeg kan ikke finde ud af hvor jeg skal indsætte denne kode.

Kan i hjælpe med dette?


Håber i forstår mit spørgsmål.

I må sige til hvis i skal se noget kode!
Avatar billede w13 Novice
09. oktober 2010 - 19:52 #1
$( ".selector" ).accordion({ active: false }); indsættes et sted i din JavaScript-kode.

".selector" skal dog matche dit accordion-objekt.
Avatar billede j-roar-h Nybegynder
09. oktober 2010 - 21:56 #2
hvad er mit "accordion-objekt"?
Avatar billede w13 Novice
09. oktober 2010 - 22:19 #3
Det er det HTML-tag, som jQuery viser som en Accordion.

Lad os sige, at du har:

<div id="accordion">
    <h3><a href="#">First header</a></h3>
    <div>First content</div>
    <h3><a href="#">Second header</a></h3>
    <div>Second content</div>
</div>


så skal JavaScript-koden, der her følger, benyttes:

$("#accordion").accordion({ active: false });
Avatar billede j-roar-h Nybegynder
10. oktober 2010 - 09:57 #4
Jeg har nu indsat nedenstående i min kode, men det virker ikke. Den lukker ikke alle, der er stadig en åben.

Og min selector hedder accordion som du også skrev..

Hvad kan problemet være?
Avatar billede w13 Novice
10. oktober 2010 - 10:13 #5
Det kan være mange ting. Har vi mulighed for at se din kode i aktion et sted? Alternativt bare at se din kode, evt. uploadet på PasteBin (http://pastebin.com)?
Avatar billede j-roar-h Nybegynder
10. oktober 2010 - 16:43 #6
Har uploadet koden her: http://pastebin.com/QzquNhmr
Avatar billede j-roar-h Nybegynder
11. oktober 2010 - 13:46 #7
Ville du se på den kode jeg har lagt op?
Avatar billede w13 Novice
11. oktober 2010 - 13:57 #8
Du har vel også lagt noget HTML-kode ind på siden eller sat en class på en ting i HTML'en går jeg ud fra? Kan jeg se den del?
Avatar billede j-roar-h Nybegynder
11. oktober 2010 - 14:21 #9
Ja, det har jeg.

I <head> har jeg denne kode:

<script>
    $(function() {
        $( "#accordion" ).accordion({
            collapsible: true
        });
    });
    </script>

og selve indholdet ser sådan ud:

<div id="accordion">
        <h3><a href="http://www.dynamicdrive.com">Mette Trine Vinther - Økonomichef </a></h3>
    <div>
      <table width="100%" border="0">
        <tr>
          <td width="20%" height="152" valign="top"><img src="Images/Medarbejdere/Mette_Trine_Vinther.png" width="120" height="150" /></td>
          <td width="28%" valign="top"><p>Mette Trine Vinther <br />
Økonomichef
            </p>
            <table width="200" border="0">
              <tr>
                <td width="39">mobil</td>
                <td width="107">+45 2227 7210</td>
              </tr>
              <tr>
                <td>telefon</td>
                <td>+45 3338 5248  </td>
              </tr>
              <tr>
                <td>fax</td>
                <td>+45 3391 2099 </td>
              </tr>
              <tr>
                <td colspan="2"><a href="mailto:kreditor@datacompagniet.dk">kreditor@datacompagniet.dk</a></td>
                </tr>
              <tr>
                <td colspan="2"><a href="mailto:debitor@datacompagniet.dk">debitor@datacompagniet.dk</a></td>
                </tr>
            </table></td>
          <td width="52%" valign="top">&nbsp;</td>
          </tr>
        <tr>
          <td valign="bottom"><p>&nbsp;</p></td>
          <td valign="bottom"><a href="mailto:mtv@datacompagniet.dk">skriv til Mette</a><a href="mailto:hj@datacompagniet.se"></a></td>
          <td valign="bottom"><a href="MetteVinther2.html">læs mere om Mette</a></td>
          </tr>
        </table>
    </div>
Avatar billede w13 Novice
11. oktober 2010 - 14:56 #10
Er det muligt at opleve fejlen i aktion på din side?
Avatar billede j-roar-h Nybegynder
11. oktober 2010 - 15:17 #11
Ja, du kan se siden her: http://ringstedtennisklub.dk/Datacompagniet/Nyweb/Medarbejderprofil.html
Avatar billede w13 Novice
11. oktober 2010 - 23:29 #12
Ret:

<script>
    $(function() {
        $( "#accordion" ).accordion({
            collapsible: true
        });
    });
</script>


til:

<script>
    $(function() {
        $( "#accordion" ).accordion({
            collapsible: true,
            active: false,
            alwaysOpen: false
        });
    });
</script>


:)
Avatar billede j-roar-h Nybegynder
12. oktober 2010 - 11:49 #13
Super... Tak, det virker...
Avatar billede w13 Novice
12. oktober 2010 - 12:05 #14
Tak for point! :)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 10:38 Indholdsfortegnelse ændrer sig, når jeg gemmer som PDF Af Jan K i Word
06/0419:53 installer mange programmer på en gang Af Overgaard1654 i Andet software
06/0417:48 Min hp Officejet pro 7740 skærer det nederste af billedet i word Af rosmarin i Printere
06/0413:13 Batch OCR Af KurtG i Billedbehandling
06/0410:42 AI integreret i Access Af per2edb i Access
White papers
Flere white papers »