jQuery merealisasikan ringkasan penambahan digital dan penolakan effect_jquery

Apabila kami menghantar pesanan untuk membeli-belah dalam talian, biasanya terdapat kawalan pemilihan kuantiti pada halaman web, yang memerlukan pembeli memilih bilangan item untuk dibeli Pembangun akan membuat kawalan ini supaya operasi penalaan halus seperti penambahan dan penolakan boleh dilakukan dengan mengklik Sudah tentu, anda juga boleh terus memasukkan bilangan keping.

Tambah dan tolak nombor kiri dan kanan

Sebagai contoh, JD.com pada masa ini menggunakan kesan menambah dan menolak nombor ke kiri dan kanan semasa menghantar pesanan Kesan ini adalah mudah dan mudah dikendalikan. Kami menggunakan pemalam jquery.spinner.js untuk menambah dan menolak nombor kiri dan kanan, dan kaedah panggilan adalah sangat mudah.

Salin kod Kod adalah seperti berikut:

Panggilan juga sangat mudah, mula-mula muatkan fail perpustakaan jquery dan jquery.spinner.js, kemudian gunakan kod berikut:

Salin kod Kod adalah seperti berikut:

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

Gaya Bootstrap, tambah dan tolak di sebelah kanan

Bootstrap telah popular sejak sekian lama, dan terdapat banyak jenis aplikasi berdasarkan gaya bootstrap Biar saya memperkenalkan kepada anda pemalam tambahan dan penolakan digital berdasarkan bootstrap, yang boleh menetapkan nilai minimum, nilai maksimum. , kenaikan dan pengurangan (nilai langkah), dan Masukkan nombor secara manual.

Salin kod Kod adalah seperti berikut:

Selepas memuatkan fail css dan js berkaitan bootstrap, anda boleh melihat secara langsung kesan halaman Jika projek anda berdasarkan bootstrap, anda boleh memanggilnya secara terus.

Anda juga boleh merujuk kepada alamat projek:
https://github.com/xixilive/jquery-spinner

untuk melihat tetapan parameter yang berkaitan.

Gaya ui jQuery, penambahan dan penolakan di sebelah kanan
jQuery ui juga menyediakan pemalam penambahan dan penolakan nombor, yang boleh menetapkan nilai minimum, nilai maksimum, kenaikan dan pengurangan (nilai langkah) dan memasukkan nombor secara manual.

Salin kod

Kod adalah seperti berikut: Jika projek anda menggunakan jquery ui, anda boleh memanggil jquery ui untuk melaksanakan fungsi menambah dan menolak nombor.

Salin kod

Kod adalah seperti berikut:

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

Di atas adalah kaedah yang saya gunakan dalam projek saya untuk menambah dan menolak nombor dengan jQuery Mereka disusun dan dikongsi dengan semua orang Walaupun fungsinya agak mudah, ia sangat praktikal.