ปลั๊กอิน jQuery ที่“ ต้องมี” คืออะไร [ปิด]


108

ฉันต้องการทราบว่าปลั๊กอิน JQuery ที่มีประโยชน์ที่สุดคืออะไร ฉันสนใจเป็นพิเศษสำหรับผู้ที่น่าจะเป็นประโยชน์ในการพัฒนา UI ทั่วไปเช่นTablesorterมากกว่าที่จะตอบสนองความต้องการที่ไม่ธรรมดา

หากคุณสามารถให้คำอธิบายสั้น ๆ เกี่ยวกับจุดประสงค์ของปลั๊กอินได้นั่นจะเป็นประโยชน์มาก

ขอบคุณดอน


1
หลายคนมักจะรวม jquery กับไลบรารี ui ดีๆเช่น YUI หรือ dojo สิ่งนี้ทำให้ง่ายต่อการสกินแอพและให้รูปลักษณ์ที่สอดคล้องกันทั่วทั้งกระดานซึ่งอาจแตกต่างกันมากในการบรรลุด้วยปลั๊กอิน jquery สำหรับ UI My 2C :)
Surya

หากคุณใช้ dojo หรือ YUI คุณอาจไม่ใช้ jQuery เนื่องจากทั้งสองมีไลบรารี javascript ที่คล้ายกันเช่น jQuery
Joshua Partogi

3
jQuery + YUI + dojo + ปลั๊กอิน "ต้องมี" ใช่แล้ว ฉันค่อนข้างมั่นใจว่าฉันจะไม่มีวันโดนเว็บไซต์ของคุณอีกเลย
gblazex

คำตอบ:


45

รายการของฉัน:

  • เติมข้อความอัตโนมัติ
    • ช่องป้อนข้อมูลเพื่อให้ผู้ใช้ค้นหาและเลือกค่าบางค่าได้อย่างรวดเร็วโดยใช้ประโยชน์จากการค้นหาและการกรอง
  • JSON
    • ปลั๊กอิน JSON ดึงข้อมูลและจัดการข้อมูล json
  • คุกกี้
    • ปลั๊กอินยูทิลิตี้ที่เรียบง่ายและมีน้ำหนักเบาสำหรับการอ่านเขียนและลบคุกกี้
  • การกีดกัน
    • สำหรับการตรวจสอบความถูกต้องของข้อมูลอินพุตแบบฟอร์ม
  • UI
    • วิดเจ็ตที่มีธีมและพร้อมใช้งานเต็มรูปแบบและอื่น ๆ ...
  • อินเตอร์เฟซ
    • การลาก, Sortables, Droppables, Plug-and-Play Components และ Visual Effects
  • วงจร
    • ปลั๊กอินภาพสไลด์โชว์อเนกประสงค์และน้ำหนักเบา

หากมีใครสามารถลองและให้คำอธิบายสั้น ๆ เกี่ยวกับสิ่งที่ยังไม่ได้อธิบายไว้ในโพสต์อื่น ๆ ฉันจะพยายามรวบรวมทั้งหมดเป็นโพสต์สรุป
Dónal

7
อินเทอร์เฟซถูกหักค่าเสื่อมราคาและไม่สามารถใช้งานได้กับ 1.2.6 อีกต่อไป
แทนที่

3
จากลิงก์ JSON: อัปเดต 2007-09-13: ในเวอร์ชัน 1.2 ขณะนี้แกน jQuery รองรับการดาวน์โหลด JSONP ข้ามโดเมนซึ่งเป็นส่วนหนึ่งของการสนับสนุน Ajax ดั้งเดิม ฉันขอแนะนำให้คุณใช้การสนับสนุนนี้แทนปลั๊กอิน
Alexander Abramov

31

ปัจจุบันเราใช้:

ประทับใจที่สุด

องค์ประกอบ Jquery UI:

ปลั๊กอินชุมชนที่มีประโยชน์:

มาเพิ่มเติมฉันจะเพิ่มลิงค์ ฯลฯ ...


Defo - HotKeys น่าทึ่งมาก วิธีที่ยอดเยี่ยมสำหรับปุ่มส่ง / เข้าและอื่น ๆ รวมถึงแป้นพิมพ์ลัดสำหรับการเพิ่มประสิทธิภาพ
penderi

29

ฉันคิดว่าปลั๊กอินFlot (ไลบรารีการวางแผน / ปลั๊กอิน) สมควรอยู่ในรายการ "ต้องมี" นี้

นอกจากนี้ยังใช้ที่นี่ใน StackOverflow เพื่อแสดงฮิสโตแกรมของชื่อเสียงในหน้าบัญชีผู้ใช้


น่าประทับใจมาก - ฉันคิดว่าเราเป็นภาพในครั้งแรกที่เห็น
Hugoware

4
+1 ว้าว Flot สวยมาก หาดี!
TehOne

ใช้ flot ในหลายโครงการกำหนดค่าได้ง่ายและเข้าใจวิธีการทำงานได้ง่ายมากซึ่งเป็นสิ่งที่ต้องมี!
xorinzor

11

ฉันจะแสดงรายการที่ฉันกำลังดำเนินการ ...

ปลั๊กอิน jLINQ ของฉันคือ. NET LINQ เวอร์ชัน jQuery สร้างขึ้นเพื่อทำงานกับคอลเลกชันในหน่วยความจำ (ไม่ได้พูดคุยกับเซิร์ฟเวอร์โดยตรง) และให้คุณใช้ไวยากรณ์ที่คล้ายกับต่อไปนี้

var results = $.from(data)
    .ignoreCase()
    .startsWith("firstName","m")
    .or("n")
    .isNot("administrator")
    .orderBy("lastName")
    .select();

รองรับคำสั่งอื่น ๆ อีกมากมายที่คุณพบใน LINQ สำหรับการสั่งซื้อและการจัดกลุ่มพร้อมกับคำสั่งการเลือกส่วนใหญ่เช่นมี, ระหว่าง, มากกว่า, อื่น ๆ ...

นี่คือการสาธิต - มีความเสถียร แต่ยังอยู่ระหว่างดำเนินการ

อาจจะไม่ต้องมี แต่อาจมีประโยชน์เมื่อดำเนินไป ...


ฉันไม่รู้อะไรเกี่ยวกับ. Net ดังนั้นอาจไม่ควรแสดงความคิดเห็น แต่ .... ฉันเชื่อว่า LINQ เป็นวิธีการเข้าถึงข้อมูล (เชิงสัมพันธ์ XML ฯลฯ ) ไม่ใช่สิ่งที่คุณมักจะทำ ไม่ต้องการในโค้ดฝั่งไคลเอ็นต์ของคุณใครสามารถแก้ไขได้?
Dónal

1
LINQ ช่วยให้คุณสามารถทำงานกับวัตถุและอาร์เรย์ในหน่วยความจำได้ ทั้งหมดนี้มีไว้เพื่อ มันไม่ได้พูดคุยกับฐานข้อมูลในฝั่งเซิร์ฟเวอร์
Hugoware

ดังนั้นโดยทั่วไปคุณจะใช้เพื่อนำทางผ่านข้อมูลที่เก็บไว้ในออบเจ็กต์ JS?
Dónal

ใช่มันมีประโยชน์สำหรับการทำงานกับอาร์เรย์ของวัตถุ คุณสามารถสอบถามคุณสมบัติบนวัตถุ
Hugoware

เยี่ยมมากฉันจะตรวจสอบเอกสารหากมีคำถามเพิ่มเติม
Dónal


8
  • jQuery UI
    • สำหรับแท็บรายการที่จัดเรียงได้ภาพเคลื่อนไหวที่กำหนดเองลากและวาง ฯลฯ
  • แบบฟอร์ม AJAX ( http://malsup.com/jquery/form/ )
    • เปลี่ยนแบบฟอร์มของคุณเพื่อส่งคำขอ AJAX
  • วงจร ( http://malsup.com/jquery/cycle/ )
    • สำหรับการสร้างภาพหมุนหรือพื้นที่ที่วนผ่านอาร์เรย์ของข้อมูล (รูปภาพข้อความ ฯลฯ )
  • การตรวจสอบความถูกต้อง ( http://bassistance.de/jquery-plugins/jquery-plugin-validation/ )
    • สำหรับการตรวจสอบความถูกต้องของการป้อนข้อมูลแบบฟอร์ม

1
คำตอบที่ดีฉันยอมรับมัน แต่ฉันคิดว่านี่ไม่ใช่คำถามที่มีคำตอบที่ "ถูกต้อง" จริงๆและฉันไม่ต้องการที่จะกีดกันคำตอบเพิ่มเติม (แต่)
Dónal

6

สำหรับวิธีที่ไม่เป็นการรบกวนในการส่งข้อความไปยังไคลเอนต์โดยไม่ส่งผลกระทบต่อเนื้อหาของเพจอย่างถาวรฉันใช้jGrowlตามระบบ OSX Growl

มีตัวเลือกการตั้งค่ามากมายและทำให้หน้าเว็บสะอาด :)


Love Growl และสิ่งนี้ก็ดูดีเช่นกัน
Tim Büthe

5

เครื่องมือ jQuery จาก Flowplayerนั้นยอดเยี่ยมมาก ฉันชอบปลั๊กอินเปิดเผยและโอเวอร์เลย์มาก


เห็นด้วย jquery-ui เหล่านี้มักจะมีอำนาจเหนือกว่าและไม่มีใบอนุญาต "ทำอะไรก็ได้ที่คุณต้องการ"
Nikita Rybak

5

ฉันรู้ว่านี่เป็นโพสต์เก่า แต่คิดว่าฉันจะโยน 2 เซนต์เพื่อใช้อ้างอิงในอนาคต

Colorbox - หน้าต่างโมดอล / ไลท์บ็อกซ์ที่ดีที่สุดสำหรับ Jquery

ปลั๊กอินการตรวจสอบความถูกต้อง (ที่กล่าวถึงก่อนหน้านี้) ยังทำงานได้เป็นอย่างดี


3

UI - ไม่มีวิธีใดที่ดีไปกว่าการทำ Draggables, resizables และอื่น ๆ อีกไม่กี่อย่าง

Slibox2 - โคลนไลท์บ็อกซ์ที่ดีที่สุดสำหรับ jQuery ใช้งานง่ายมาก

iFixPng - วิธีง่ายๆสำหรับ IE6 PNG w / alpha



2

UIเป็นสิ่งที่ต้องมีอย่างแน่นอน เป็นส่วนประกอบตารางฉันจะแนะนำjqGrid IMHO มันจะดีกว่าflexiGrid


2

ฉันใช้Faceboxเพื่อแสดงแบบฟอร์มและข้อความป๊อปอัปให้กับผู้ใช้เสมอ มันช่วยให้ UI สะอาด (ผู้ใช้ส่วนใหญ่ของเราใช้ Facebook) แต่ก็ไม่ได้ใช้งานalert()ง่าย


1

หากคุณใช้ Visual Studio 2008 เพื่อเขียนโค้ด jQuery ของคุณคุณต้องใช้ Intellisense: http://weblogs.asp.net/bleroy/archive/2008/10/27/jquery-intellisense-documentation-file-available.aspx


คุณไม่ต้องการมันแค่เป็นสิ่งที่ดีที่จะมี :)
redsquare

ถ้าคุณกำลังทำ jQuery ใน VS 2008 ฉันคิดว่ามันต้องมี;)
Aaron Powell

นี่คือสตูดิโอภาพเก่าและสำหรับ jquery เก่า วิธีใช้ Intellisence ใน VS2010 กับ lates jquery 1.7
Andrus


1

[แก้ไข] - เมื่อเร็ว ๆ นี้ฉันใช้ JQuery Tools เป็นทางเลือกแทน JQueryUI JQuery Tools เป็น HTML5 / CSS3 centric มากกว่า: http://flowplayer.org/tools/index.html

ฉันชอบ JCarousel Lite (ไม่ใช่ JCarousel) http://www.gmarwaha.com/jquery/jcarousellite/ทำในสิ่งที่ฉันต้องการและไม่มีอะไรเพิ่มเติม

-fs


1

ไม่มีใครพูดถึงสิ่งเหล่านี้ซึ่งฉันพบว่ามีประโยชน์มาก:

  • Datatables - เพิ่มฟังก์ชันขั้นสูงและตัวควบคุมการโต้ตอบลงในตาราง HTML
  • BeautyTips - เพิ่มคำแนะนำเครื่องมือที่กำหนดค่าได้ให้กับองค์ประกอบ HTML

0

ฉันเป็นแฟนตัวยงของjTemplatesซึ่งให้เทมเพลตฝั่งไคลเอ็นต์แก่คุณ ฉันพบว่ามันทรงพลังมากโดยเฉพาะอย่างยิ่งสำหรับการแสดงผล


โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.