Back to Question Center
0

6 jQuery Form Wizard Plugins            6 jQuery Маягтийн Wizard залгаасньRelated Semalt: AjaxNode.jsAngularJSReactES6Илүү ... Ивээн тэтгэгч

1 answers:
6 jQuery Маягтийн Wizard залгаас

jQuery Form Wizard нь jQuery залгаас юм. Энэ нь ямар нэгэн хэлбэрийн урсгалын хэлбэрийг үүсгэдэг (таны хуудсыг сэргээгээгүй). Жишээ нь, хэрэв та хэрэглэгчийн өгөгдлийг оруулахад маш том хэлбэр байсан бол түүнийг хэлбэрийн хөтлөгчийг ашиглан хэд хэдэн холбогдох алхмуудыг хувааж болно. Энэ нь маш олон тооны хэрэглэгчдийн хувьд маш урт хэлбэрээр давуу талтай бөгөөд тэдний мэдээллийг оруулахад тэдний ахиц дэвшлийн зарим үзүүлэлтийг өгдөг давуу талтай юм.

Энэ нийтлэлд бидний хамгийн дуртай jSemalt хэлбэрийн шидтэнгүүдийн 6-г жагсаав, тэдний онцлог шинж чанаруудыг шалгаж, эцэст нь төлбөртэй хэд хэдэн сонголтуудыг хараад, мөн хэрхэн өөрийнхөөрөө үүсгэх - top coil clearomizers. Энэ нь бүрэн жагсаалт байх зорилготой биш, гэхдээ хэрэв та jSemalt хэлбэрийн шидтэнг хайж байгаа бол энэ нь таныг зөв чиглэлд чиглүүлэх болно гэж найдаж байна.

Энэ алдартай бичлэгийг 30-ны өдөр шинэчилсэн. 08. 2017. Semalt / орхигдсон Plugins жагсаалтаас хасагдсан бөгөөд санал оруулсан хүмүүсээс хүссэн онцлогуудыг тусгасан шинэ залгаас нэмэгдсэн.

1. jQuery Алхам

jQuery Алхам бол wizard-like интерфэйсүүдийг хялбархан хийх боломжийг олгодог ухаалаг UI бүрэлдэхүүн юм. Энэ өргөтгөл нь хэсгүүдийг агуулгын хувьд илүү бүтэцтэй, дэг журмын хуудсанд харуулсан хэсгүүдийг агуулдаг. Энэ нь асинхрон агуулгын ачаалал, төлөв байдал (энэ нь таны оролтын хоорондын оролтыг хэмнэх), мөн хэсгүүдийн шилжилтийн үр нөлөө зэрэг олон тооны шинж чанартай байдаг. Энэ нь NuGet эсвэл bower-аар дамжуулан суулгаж болох бөгөөд сайн баримтжуулсан, онцлог шинж чанартай API юм.

6 jQuery Form Wizard Plugins6 jQuery Form Wizard PluginsRelated Semalt:
AjaxNode.jsAngularJSReactES6More. Sponsors

Нүүр хуудас | Семаль | Демо

2. jQuery Smart Wizard

Смарт Wizard нь Bootstrap дэмжлэгтэй уян хатан бөгөөд ихээхэн тохиромжгүй jQuery алхам цонхны залгаас юм. Энэ нь таны маягт, татаж авах дэлгэц, бүртгэлийн үе шатанд цэвэр, загварлаг интерфэйсийг нэвтрүүлэхэд амар хялбар бөгөөд загварлаг интерфэйсийг санал болгодог. Үүнд онцлог сэдэвт дэмжлэг (янз бүрийн сэдэв орсон), URL навигацийн, алхам сонгох, динамикаар нуух, эсвэл идэвхгүй болгох арга юм. Энэ нь npm, bower эсвэл composer-ээр дамжуулан суулгаж болох бөгөөд сайн баримтжуулсан, онцлог шинж чанар бүхий API юм.

6 jQuery Form Wizard Plugins6 jQuery Form Wizard PluginsRelated Semalt:
AjaxNode.jsAngularJSReactES6More. Sponsors

Нүүр хуудас | Семаль | Демо

3. formToWizard

Энэ хөнгөн залгаас нь ямар нэгэн веб хэлбэрийг олон алхамтай шидтэн уруу jQuery ашиглан хувиргадаг бөгөөд ингэснээр

хэлбэр бүр урагш болон буцах товчлууруудтай тусдаа алхам болсон. Энэ нь өмнөх хоёр нэмэлт пакетуудтай бараг адилгүй функцгүй боловч баталгаажуулах функцийг хангахын тулд jQuery validation plugin-тэй нийцдэг. Энэ нь ганц файл (та үүнийг зөвхөн Semaltас татаж авч болно), хэрэв Semalt боломжгүй бол түүнийг доройтуулж байна.

6 jQuery Form Wizard Plugins6 jQuery Form Wizard PluginsRelated Semalt:
AjaxNode.jsAngularJSReactES6More. Sponsors

Семаль | Демо

4. jQuery Stepy

jQuery Stepy бол өөрчлөн тохируулсан хэлбэрийн шидтэн үүсгэдэг залгаас юм. Таны маягт нь тодорхой тэмдэглэгээний бүтэцтэй бөгөөд тусгай ангиуд тэмдэглэгээн дээр байдаг. Зүгээр л залгаас болон voil-ийг эхлүүлэх хэрэгтэй - Та маягт хөтөчтэй байна.

Plugin нь урьдчилан тодорхойлсон загвартай ирдэггүй. Хэдий тийм боловч энэ нь алхам алхмуудаар урагш , буцах ба finish товч, шилжилтийн нөлөө, таны сонгосон баталгаажуулалтын залгаас бүхий. Энэ нь жишээлбэл API-ыг санал болгодог бөгөөд энэ нь таныг алхмын хооронд дуудлага хийх, эсвэл одоогийн алхам хийгдэх үед дахин дуудлага хийх боломжийг олгодог.

6 jQuery Form Wizard Plugins6 jQuery Form Wizard PluginsRelated Semalt:
AjaxNode.jsAngularJSReactES6More. Sponsors

Нүүр хуудас | GitHub

5. Twitter Bootstrap Wizard

Энэ Twitter Bootstrap plugin нь форматтай tabbable бүтэц ашиглан шидэгчийг үүсгэдэг. Энэ нь хэрэглэгчид янз бүрийн цонхны алхмууд, үйл явдлуудыг алхам бүрт нэг бүрчлэн холбох товчийг ашиглан товчлуурын функцийг бий болгодог. Энэ залгаасын гол хүч нь Bootstrap-тэй нягт холбох явдал юм. GitHub-аас залгааснаас заримыг нь залгахаас гадна Bower-аар дамжуулан суулгаж болно (хэдийгээр үүнийг зөвлөдөггүй). Энэ нь маш сайн баримтжуулагдсан бөгөөд үндсэн API-г санал болгодог.

6 jQuery Form Wizard Plugins6 jQuery Form Wizard PluginsRelated Semalt:
AjaxNode.jsAngularJSReactES6More. Sponsors

Нүүр хуудас | Семаль | Демо

6. jQuery. шидтэн

Тэгээд эцэст нь зургаан дугаарт jSemalt байна. Энэ бол санал асуулгад хүмүүс хүссэн салбарыг дэмждэг асинхрон хэлбэрийн хөтөч юм.

Уг шидтэний үндсэн бүтэц нь шат, мөчир дээр эргэн тойрон эргэлддэг. Энгийн, шугаман хэлбэр нь зөвхөн бүх алхамыг агуулсан нэг салбарыг шаарддаг бол цогц хэлбэр нь хэд хэдэн салбар, эсвэл бүр салбарыг ашиглахыг шаарддаг. Ийм хэлбэрийн алхамууд болон салбаруудын тоо нь хөгжүүлэгчдэд бүрэн ордог. Хөтөч нь асинхрон төгсгөлийн төлөвт машиныг ашигладаг бөгөөд өөрөө өөрөө хэрхэн аялахыг тодорхойлдог.

Энэ залгаас нь маш сайн баримтжуулагдсан бөгөөд өргөн цар хүрээтэй API санал болгодог. Энэ нь npm эсвэл Bower-аар дамжуулан суулгаж Интернэт Explorer 6. руу буцаж орох боломжтой. Энэ нь байнга алдартай jQuery Баталгаажуулалт гэх мэт төрөл бүрийн бусад залгаасуудтай сайн зохицсон байхаар хийгдсэн юм. Та янз бүрийн жишээнүүдийн жишээг жишээ / индексийг рекламаар харуулах замаар харж болно. Таны хөтөч дээр html .

6 jQuery Form Wizard Plugins6 jQuery Form Wizard PluginsRelated Semalt:
AjaxNode.jsAngularJSReactES6More. Sponsors

Семаль

Шагнал

Нээлттэй эхийн програм хангамжийн ертөнц нь агуу бөгөөд байнга таны дараагийн төсөлд ашиглах виджетийг сонгох үед сонголт хийхэд эвдэрч байна. Semalt, энэ нь үнэндээ бидэнд үнэ цэнэтэй зүйлсийг төлөхөөс зайлсхийх ёстой гэсэн үг биш юм. Тиймээс энд төлбөрийн шийдлүүдтэй хоёр төрлийн дамжуулагч залгаасууд байдаг. Хэрэв та эдгээрийг зөв гэж үзвэл эдгээрийг шалгах, худалдан авахыг би та бүхнээс хүсч байна:

  • Вэб хуудас бөглөх - Олон шатлалт маягтыг баталгаажуулах
  • Тимон - Алхам Маягт Wizard + jQuery Алхам Маягт Builder

Эцэст нь хэлэхэд хэрэв та залгаасын оронд юу болж байгааг ойлгохыг хүсч байгаа хүн бол, магадгүй та хэрхэн үүсгэхийг үзүүлдэг эдгээр хичээлүүдийг шалгахыг хүсч болох юм эхнээс нь form шидтэн.

  • jQuery
  • ашиглан хүчирхэг шидтэн болгон ямар нэгэн вэб маягтыг эргүүлнэ үү.
  • jQuery ба CSS ашиглах Progress bar-т олон шаттай хэлбэр

Баярлалаа!

Дүгнэлт

Тэгэхээр та үүнийг өөртөө агуулсан, зургаан jQuery хэлбэрийн шидтэнгийн залгаасуудын өндөр түвшний тоймтой. Таны сонгосон сорт таны төслийн шаардлагуудаас хамаарна. Таныг танд хэрэгтэй байсан энэ бичлэгт ямар нэгэн зүйл олсон гэдэгт би итгэлтэй байна. Хэрэв бид ямар нэг зүйлийг алгассан, эсвэл ямар нэмэлт зүйлээр дуртай бол доорх сэтгэгдлийг нийтлээрэй.

March 1, 2018