Tambah Langkah Kemajuan ke Borang Dengan Plugin jQuery ini
Kebanyakan kita tahu mengenai bar kemajuan dan bagaimana kerja-kerja ini dalam reka bentuk UI. Mereka membantu mentakrifkan masa pageload, memuat naik borang, dan tempoh penundaan yang serupa antara halaman.
Tetapi langkah kemajuan agak berbeza. Kerja-kerja ini seperti serbuk roti di bahagian atas halaman untuk memandu pengguna melalui proses langkah demi langkah (biasanya borang pendaftaran dan checkout).
Dengan jQuery Steps anda boleh cepat menambah langkah kemajuan tersuai ke mana-mana halaman laman web anda.
Seluruh plugin berjalan pada jQuery dan ia dikeluarkan secara percuma di GitHub.
Anda boleh menjalankannya langkah kemajuan sebagai ciri berbilang halaman yang membimbing pelawat melalui halaman yang berlainan di laman web anda. Atau anda boleh menjalankan ini seperti langkah Ajax yang memindahkan pengguna melalui halaman yang sama dengan medan borang yang dinamik.
Dalam pilihan plugin, anda akan mendapati tetapan untuk mengubahnya “mulakan” kedudukan, butang footer, butang hadapan / belakang, dan banyak lagi.
Terdapat juga beberapa peristiwa yang boleh anda sasarkan dengan fungsi panggilan balik peribadi anda sendiri apabila pengguna memajukan langkah kemajuan, atau apabila pengguna sampai pada akhir.
Semua perkara yang dipertimbangkan, ini adalah plugin yang agak baru jadi ia tidak mempunyai satu tan pilihan untuk dipilih. Tetapi ini pasti salah satu plugin terbaik yang anda akan dapati untuk mencipta ciri langkah kemajuan tersuai ini.
Hanya perhatikan: Sokongan penyemak imbas kebanyakannya terhad kepada penyemak imbas moden dan untuk pelayar Microsoft ini hanya telah diuji dalam IE 11. Jika anda ingin menyokong penyemak imbas yang lebih lama, anda perlu melakukan beberapa ujian sendiri, atau cuba buat adat kaedah pengunduran untuk mengendalikan pengguna warisan.
Sudah tentu salah satu plugin langkah kemajuan termudah yang pernah saya lihat dan ia sepatutnya bermain bagus dengan plugin jQuery yang lain juga.
Lihatlah laman utama untuk demo demo bersama dengan pilihan JS tersuai dan butang muat turun untuk menarik salinan kod untuk diri sendiri.
