Vraag : De huid en de vertoningselementen van Jquery

O.k., heb ik een verwarring here.

When u daarna drukt, het manuscript veronderstelt is om de inhoud binnen stap-1 te tonen of stap-2 of stap-3, hangen welke men af momenteel toont.

When die ik daarna heb gedrukt, toont het sectie 2 maar alvorens te drukken daarna opnieuw het rechtsweg sectie 3 gaat tonen. Het manuscript wacht op me om geen tweede keer daarna te drukken wanneer ik reeds in sectie 3 ben. Kon iemand me alstublieft verklaren waarom dit voorkomt. Ik probeer elke sectie individueel te gaan niet simultaneously.

many dank vooraf.
Attachments:
van
examples.html (1 KB)  (de Details van het Type van Dossier)  
example

Antwoord : De huid en de vertoningselementen van Jquery

U kunt gebruiken:


            $ („ul li.next-knoop“) .click (functie (gebeurtenis) {
                  event.preventDefault (); // willen wij niet de klik op de ankerverandering de huidige pagina/url
                  var numberOfSections = $ („.foreigndiv“) .length; // hoeveel de sectie wij heeft?
                  var stroom = $ („.foreigndiv: zichtbare“) .index (“ .foreigndiv "); // krijgt index van de huidige zichtbare sectie
                  var nextone = (stroom + numberOfSections 1 >=)? 0: (stroom + 1); // wat de volgende is? Als de stroom het recentste begin van de eerste is (sectie 1)
                  $ („.foreigndiv“) .eq (huidige) .fadeOut („snel“);
                  $ („.foreigndiv“) .eq (nextone) .fadeIn („langzaam“);
            });

http://api.jquery.com/event.preventDefault/
http://api.jquery.com/visible-selector/
http://api.jquery.com/index/

test pagina:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:







Document zonder titel






    

	    

		    
Sectie 1
Andere oplossingen  
 
programming4us programming4us