Ermitteln, dass alle Tasten pro Benutzer geklickt wurden

Question

Ich erstelle eine "Komplette Aufgaben zu entsperren" -System, aber ich bin sehr Neuling auf Codierung und kann es nicht funktionieren. Ich bin wochenlang versucht, Wege zu suchen, um es zu tun, aber nichts bis weiß. Ich habe nur das sehr einfache.

Ich werde alles, was ich brauche, trennen und ich freue mich wirklich jede Hilfe von euch.

Oh, und ich verwende Wordpress und Visual Composer für diese.

Nun, ich habe bereits einen Code dafür (oder fast), aber funktioniert nicht richtig, wie ich will.

Was ich brauche ist, dass eine bestimmte Schaltfläche (.test) erst nach einigen abgeschlossenen Aufgaben angezeigt wird.

Anfangs sind die Aufgaben "Besuchen Sie diesen Link zum Entsperren". Also gebe ich einige Knöpfe, und jeder Knopf öffnet einen anderen Link. Wenn Sie auf die Schaltfläche klicken, wird die Aktion ausgelöst und die Schaltfläche wird freigegeben, um die CD-Keys/Links zu erhalten. Aber das Problem ist, dass ich den Benutzer brauche, um auf alle Knöpfe dafür zu klicken. Wenn der Benutzer auf den Code klickt, den ich gerade verwende, erscheint der Test.

Hier ist der Code, den ich verwende:

jQuery-Code

<script> 
jQuery(document).ready(function(){ 
jQuery('.Like').click(function() {  //Will open a Facebook page 
    jQuery('.Test').show();    //Show the button for the link generation 
}); 
jQuery('.Follow').click(function() { //Will open a Twitter page 
    jQuery('.Test').show();    //Show the button for the link generation 
}); 
}); 
</script> 

CSS-Code

.Test { 
    display: none; 
} 

.Like, 
.Follow { 
    cursor: pointer; 
} 

Ich habe versucht, einen & & Operator zu verwenden, aber es doesn‘ t arbeiten. Ich brauche, dass der Benutzer auf alle Verbindungsknöpfe klickt, um den Knopfgenerator anzuzeigen. Nicht nur einer.

danke für jede Hilfe.

Wenn Sie weitere Informationen benötigen, bitte fragen Sie mich.

Answer 1

Ein Ansatz wäre das Zählen der Klicks auf diese bestimmten Tasten, z.B. durch die Tasten in einem Set speichern und bekommen die Größe Sets:

jQuery(function(){ 
    var clicked=new Set;//a new unique set 
    jQuery('.social').click(function() {  // some button clicked 
     clicked.add(this);  //add this button to set 
     if(clicked.size>=3) alert("wohoo, all buttons clicked");//actually: three different buttons with class social clicked 
    }); 
}); 


<button class="social">Twitter</button> 
<button class="social">Facebook</button> 
<button class="social">GitHub</button> 

http://jsbin.com/fanuloxori/edit?output

Beachten Sie, dass Sets ganz neu sind, kann es mit einem einzigartigen Array ersetzen.

---

Sie eindeutige IDs zu den Tasten zuweisen können, so dass Sie den Überblick über die klickten ids halten können, die dann in einer Datenbank gespeichert werden können, oder auf dem Gerätebenutzer:

jQuery(function(){ 
    var clicked=new Set((localStorage.getItem("clicked")||"").split(","));//a new unique set may restored from storage 
    jQuery('.social').click(function() {  // some button clicked 
     clicked.add(this.id);  //add this buttons id to set 
     localStorage.setItem("clicked",[...clicked].join(",")) 
     if(clicked.size>=3) alert("wohoo, all buttons clicked");//actually: three different buttons with class social clicked 
    }); 
}); 


<button class="social" id="twitter">Twitter</button> 
<button class="social" id="facebook">Facebook</button> 
<button class="social" id="github">GitHub</button> 

Answer 2

@Jonasw Danke Kumpel. Die Verwendung des folgenden Codes ohne ID funktioniert einwandfrei. Jetzt muss ich auf alle Knöpfe klicken (ich hatte die Klassen aller für "social" eingestellt), um den hiden Inhalt anzuzeigen. Aber ich konnte es nicht mit dem Datenspeicher Ihres zweiten Codes verwenden.

<script> 
jQuery(document).ready(function(){ 
    var clicked=new Set; 
     jQuery('.social').click(function() { 
     clicked.add(this); 
      if(clicked.size>=2) jQuery('.Test').show(); 
    }); 
}); 
</script>