Schiebe div je nach Tastendruck

Question

Ich möchte eine einseitige Website erstellen. In einem der Abschnitte habe ich vier Bilder (spielt die Rolle der Tasten) Je nach der Schaltfläche wird der Abschnitt zu einem anderen Abschnitt verschoben.

Zum Beispiel habe ich: Tasten 1, 2, 3 und 4 Abschnitte a, b, c und d

wenn I auf Taste 1 I in müssen Abschnitt einer Rutsche, wenn I auf drücken Button 2 Ich muss Abschnitt b schieben in

Meine Frage ist, wie kann ich jedem dieser Bilder eine Art Schlüssel oder Daten geben, die ich in jquery verwenden könnte, um zu wissen, welcher Abschnitt als nächstes zu gleiten?

Vielen Dank im Voraus

Answer 1

<div id="btn_1"></div> 
jQuery: 

$(document).ready(function(){ 
$("#btn_1").onclick(function(){ 
animation 
} 
}); 

Die ID, die Sie mit dem div geben gibt es seine eigene eindeutige ID (Es sei denn, Sie mehrere divs/andere Elemente, die die gleiche ID geben). Mit # in jquery rufen Sie das id Element des div auf und mit der onclick Funktion sagen Sie jquery WENN btn_1 CLICKED ist, aktivieren Sie die Funktion() {Animation}. Ich habe den Code in der jQuery nicht enthalten, so dass Sie immer noch eine kleine Herausforderung für sich selbst haben! ;)

Tipp: Schauen Sie sich w3schools.com

Hold-up! Ich las Ihren Beitrag erneut. Sie wollen es mit den Tasten zu tun, tun Sie es wie folgt aus:

<div id="div_1"></div> 
<button id="btn_1"></button> 



jQuery: 
$(document).ready(function(){ 
$("btn_1").onclick(function(){ 
$("div_1").animate 
} 
});