jQuery realisiert die Zusammenfassung digitaler Additions- und Subtraktionseffekte_jquery

Wenn wir eine Bestellung für den Online-Einkauf aufgeben, gibt es auf der Webseite normalerweise eine Mengenauswahlsteuerung, die den Käufer dazu auffordert, die Anzahl der zu kaufenden Artikel auszuwählen. Der Entwickler führt diese Steuerung durch, um Feinabstimmungsvorgänge wie z Addition und Subtraktion können durch Anklicken durchgeführt werden. Natürlich können Sie die Stückzahl auch direkt eingeben.

Zahlen links und rechts addieren und subtrahieren

Zum Beispiel nutzt JD.com derzeit den Effekt des Addierens und Subtrahierens von Zahlen nach links und rechts bei der Übermittlung von Bestellungen. Dieser Effekt ist unkompliziert und einfach zu bedienen. Wir verwenden das Plug-In jquery.spinner.js, um Zahlen links und rechts zu addieren und zu subtrahieren, und die Aufrufmethode ist sehr einfach.

Code kopieren Der Code lautet wie folgt:

Der Aufruf ist auch sehr einfach. Laden Sie zuerst die jquery-Bibliotheksdatei und jquery.spinner.js und verwenden Sie dann den folgenden Code:

Code kopieren Der Code lautet wie folgt:

$('.spinner').spinner();

Bootstrap-Stil, Plus und Minus auf der rechten Seite

Bootstrap ist seit langem beliebt und es gibt viele Arten von Anwendungen, die auf dem Bootstrap-Stil basieren. Lassen Sie mich Ihnen ein digitales Additions- und Subtraktions-Plug-In vorstellen, das den Minimalwert und den Maximalwert festlegen kann , erhöhen und verringern (Schrittwert) und geben Sie die Zahlen manuell ein.

Code kopieren Der Code lautet wie folgt:

Nach dem Laden der Bootstrap-bezogenen CSS- und JS-Dateien können Sie den Seiteneffekt direkt sehen. Wenn Ihr Projekt auf Bootstrap basiert, können Sie es direkt aufrufen.

Sie können sich auch auf die Projektadresse beziehen:
https://github.com/xixilive/jquery-spinner

, um relevante Parametereinstellungen anzuzeigen.

jQuery-UI-Stil, Addition und Subtraktion auf der rechten Seite
jQuery ui bietet außerdem ein Plug-in zum Addieren und Subtrahieren von Zahlen, mit dem der Minimalwert, der Maximalwert, das Inkrementieren und Dekrementieren (Schrittwert) sowie die manuelle Eingabe von Zahlen festgelegt werden können.

Code kopieren

Der Code lautet wie folgt: Wenn Ihr Projekt JQuery UI verwendet, können Sie JQuery UI aufrufen, um die Funktion zum Addieren und Subtrahieren von Zahlen zu implementieren.

Code kopieren

Der Code lautet wie folgt:

$("#spinner").spinner({ max: 10, min:0, Schritt:2 });

Die oben genannten Methoden verwende ich in meinem Projekt, um Zahlen mit jQuery zu addieren und zu subtrahieren. Obwohl die Funktionen relativ einfach sind, sind sie sehr praktisch.