JQuery प्लगइन्स "होना चाहिए" क्या हैं? [बन्द है]


108

मैं जानना चाहता हूं कि सबसे उपयोगी JQuery प्लगइन्स क्या हैं। मैं विशेष रूप से उन लोगों में दिलचस्पी रखता हूं जो सामान्य यूआई विकास में उपयोगी होने की संभावना रखते हैं, जैसे कि टेब्लेटर्स , बजाय असामान्य जरूरतों को पूरा करने वाले।

यदि आप प्लगइन के उद्देश्य का बहुत संक्षिप्त विवरण प्रदान कर सकते हैं, तो यह वास्तव में उपयोगी होगा।

धन्यवाद, डॉन


1
बहुत से लोग यूयूआई या डोजो जैसे अच्छे यूआई पुस्तकालयों के साथ जॉकरी गठबंधन करते हैं। यह ऐप को स्किन करना आसान बनाता है और पूरे बोर्ड को एक सुसंगत लुक देता है, जो कि UI के लिए जॉकरी प्लग-इन के हॉज-पॉज के साथ प्राप्त करने के लिए काफी भिन्न हो सकता है। मेरा 2C :)
सूर्य

यदि आप dojo या YUI का उपयोग कर रहे हैं, तो आप jQuery का उपयोग नहीं कर सकते क्योंकि दोनों में jQuery जैसी समान जावास्क्रिप्ट लाइब्रेरी शामिल है।
जोशुआ अंश जोगी

3
jQuery + YUI + dojo + में "प्लगिन" होना चाहिए, yeaaah। मुझे पूरा यकीन है कि मैं आपकी साइट पर जीवन भर कभी नहीं मारूंगा।
gblazex

जवाबों:


45

मेरी सूची:

  • स्वत: पूर्ण
    • इनपुट फ़ील्ड उपयोगकर्ताओं को शीघ्रता से खोजने और कुछ मान का चयन करने में सक्षम बनाता है, खोज और फ़िल्टरिंग का लाभ उठाता है।
  • JSON
    • JSON प्लगइन, जेन्स डेटा को पुनः प्राप्त करने और हेरफेर करने का काम करता है।
  • कुकी
    • पढ़ने, लिखने और कुकीज़ को हटाने के लिए सरल और हल्के उपयोगिता प्लगइन।
  • Vaildation
    • फॉर्म इनपुट डेटा को मान्य करने के लिए।
  • यूआई
    • पूर्ण-चित्रित करने योग्य और रेडी-टू-यूज़ विजेट्स और अधिक ...
  • इंटरफेस
    • ड्रैगिंग, सॉर्टेबल्स, ड्रोपेबल्स, प्लग-एंड-प्ले घटकों और दृश्य प्रभाव।
  • चक्र
    • बहुमुखी और हल्के छवि स्लाइड शो प्लगइन।

अगर कोई कोशिश कर सकता है और उन लोगों का एक बहुत ही संक्षिप्त विवरण प्रदान कर सकता है जो पहले से ही अन्य पदों में वर्णित नहीं किए गए हैं, तो मैं कोशिश करता हूं और उन सभी को एक सारांश पोस्ट में रोल करूंगा।
डोनल

7
इंटरफ़ेस का मूल्यह्रास हुआ है और 1.2.6 के साथ अब काम करता है - यूआई द्वारा superseeded
redsquare

3
JSON लिंक से: अद्यतन 2007-09-13: संस्करण 1.2 के रूप में, jQuery कोर अब मूल Ajax समर्थन के भाग के रूप में क्रॉस-डोमेन JSONP डाउनलोड का समर्थन करता है। मेरा सुझाव है कि आप प्लगइन के बजाय इस समर्थन का उपयोग करें।
अलेक्जेंडर अब्रामोव

31

वर्तमान में हम उपयोग करते हैं:

सबसे ज्यादा प्रभावशाली

Jquery UI तत्व:

उपयोगी सामुदायिक प्लगइन्स:

अधिक आने के लिए, मैं लिंक जोड़ दूँगा आदि ...


Defo - HotKeys अद्भुत है। साथ ही सबमिट / बटन आदि के साथ-साथ कीबोर्ड उत्पादकता शॉर्टकट के लिए शानदार तरीका
penderi

29

मुझे लगता है कि फ़्लोट प्लगइन (एक प्लॉटिंग लाइब्रेरी / प्लगइन) इस " मस्ट-हैव " सूची में एक स्थान के योग्य है।

इसके अलावा, इसका उपयोग यहां किया जाता है, StackOverflow में, उपयोगकर्ता खाता पृष्ठ में प्रतिष्ठा का हिस्टोग्राम प्रदर्शित करने के लिए।


यह बहुत प्रभावशाली है - मैंने सोचा कि हम वे चित्र हैं जिन्हें मैंने पहली बार देखा था।
हुगोवारे 18

4
+1 वाह, फ्लोट बहुत अच्छा है। अच्छा खोजो!
तेहने

बहुत सारी परियोजनाओं में प्रयुक्त फ़्लोट, आसानी से कॉन्फ़िगर करने योग्य और समझने में बहुत आसान है कि यह कैसे काम करता है - इसका होना आवश्यक है!
xorinzor

11

मैं एक सूची दूँगा जिस पर मैं काम कर रहा हूँ ...

मेरा jLINQ प्लगइन .NET LINQ का jQuery संस्करण है। यह इन-मेमोरी कलेक्शन (सर्वर से सीधे बात नहीं करना) के साथ काम करने के लिए बनाया गया है और चलिए आप निम्न के समान सिंटैक्स का उपयोग करते हैं।

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

यह अन्य आदेशों के एक समूह का समर्थन करता है जो आप LINQ में ऑर्डर करने और समूहीकरण के लिए चयन की अधिकांश कमांड जैसे कि, बीच में, अधिक से अधिक, आदि के लिए खोजते हैं ...

यहां एक डेमो है - यह स्थिर है, लेकिन अभी भी प्रगति में है

शायद नहीं होगा, लेकिन उपयोगी हो सकता है क्योंकि यह प्रगति ...


मैं कुछ भी नहीं जानता। नेट के बारे में तो शायद टिप्पणी भी नहीं होनी चाहिए लेकिन .... मेरा मानना ​​है कि LINQ डेटा (रिलेशनल, XML, आदि) तक पहुंचने का एक साधन है, इस तरह की बात नहीं है जो आप आम तौर पर नहीं करेंगे अपने क्लाइंट-साइड कोड में नहीं चाहते, जहां कोई भी इसे संशोधित कर सकता है?
डोनल

1
LINQ चलो आप इन-मेमोरी ऑब्जेक्ट्स और सरणियों के साथ भी काम करते हैं। बस इतना ही है। यह वास्तव में सर्वर की तरफ डेटाबेस से बात नहीं करता है।
हुगोवारे

तो, आमतौर पर आप इसका उपयोग जेएस ऑब्जेक्ट्स में संग्रहीत डेटा के माध्यम से नेविगेट करने के लिए करेंगे?
डोनल

ठीक है, यह वस्तुओं के सरणियों के साथ काम करने के लिए आसान है। आप ऑब्जेक्ट पर गुण क्वेरी कर सकते हैं।
हुग्वारे

यदि मैं कोई और प्रश्न रखता हूँ तो मैं डॉक्स की जाँच करूँगा।
डोरनल


8
  • jQuery यूआई
    • टैब्स, छांटने योग्य सूचियों, कस्टम एनिमेशन, ड्रैग एंड ड्रॉप, आदि के लिए।
  • AJAX फॉर्म ( http://malsup.com/jquery/form/ )
    • आपके फ़ॉर्म में परिवर्तन होता है, इसलिए वे AJAX अनुरोध सबमिट करते हैं।
  • चक्र ( http://malsup.com/jquery/cycle/ )
    • हिंडोला बनाने के लिए, या एक क्षेत्र जो डेटा की एक सरणी के माध्यम से चक्र (चित्र, पाठ, आदि)
  • सत्यापन ( http://bassistance.de/jquery-plugins/jquery-plugin-valubation/ )
    • फॉर्म इनपुट को मान्य करने के लिए।

1
महान जवाब, मैं इसे स्वीकार करता हूं, लेकिन मुझे लगता है कि यह वास्तव में उस तरह का सवाल नहीं है जिसका "सही" जवाब है और मैं आगे की प्रतिक्रियाओं (अभी तक) को हतोत्साहित नहीं करना चाहता।
डोनल

6

पृष्ठ की सामग्री को स्थायी रूप से प्रभावित किए बिना क्लाइंट को संदेश भेजने के एक विनीत तरीके के लिए, मैं OSG Growl प्रणाली पर आधारित jGrowl का उपयोग करता हूं ।

बहुत सारे विकल्प, सेटिंग्स, और यह पृष्ठ को साफ रखता है:)


लव ग्रोएल और यह बहुत अच्छा लग रहा है।
टिम बुथ

5

Flowplayer से jQuery उपकरण वास्तव में फैंसी है। मुझे वास्तव में एक्सपोज़ और ओवरले प्लगइन पसंद है।


सहमत, ये अक्सर jquery-ui पर हावी हो जाते हैं और कोई भी "लाइसेंस जो भी आप चाहते हैं" के साथ आते हैं।
निकिता रायबाक

5

मुझे पता है कि यह एक पुरानी पोस्ट है लेकिन, मैंने सोचा कि मैं भविष्य में संदर्भ के लिए अपने 2 सेंट फेंक दूंगा।

Colorbox - निश्चित रूप से Jquery के लिए सबसे अच्छा मोडल विंडो / लाइटबॉक्स।

सत्यापन प्लगइन (पहले उल्लिखित) भी बहुत अच्छी तरह से काम करता है।


3

UI - ड्रैगगैब, रेसिजेबल्स और कुछ अन्य करने का कोई बेहतर तरीका नहीं है।

Slibox2 - jQuery के लिए अंतिम लाइटबॉक्स क्लोन, उपयोग करने के लिए बहुत आसान है।

iFixPng - IE6 PNG w / अल्फा के लिए सरल समाधान।




2

मैं हमेशा उपयोगकर्ता को पॉप-अप फ़ॉर्म और संदेश प्रदर्शित करने के लिए फेसबॉक्स का उपयोग करता हूं । यह यूआई को साफ रखता है (हमारे अधिकांश उपयोगकर्ता फेसबुक का उपयोग करते हैं), और फिर भी यह उपयोग करने में उतना धुंधला नहीं है alert()


1

यदि आप विजुअल स्टूडियो 2008 का उपयोग कर रहे हैं तो अपने jQuery को कोड करने के लिए आपको इन्टेलिसेंस की आवश्यकता है: http://weblogs.asp.net/bleroy/archive/2008/10/27/jquery-intellisense-documentation-file-baspx


आपको इसकी आवश्यकता नहीं है, बस एक अच्छा
सा

यदि आप वीएस 2008 में jQuery कर रहे हैं, तो मुझे लगता है कि यह अवश्य है;)
एरोन पॉवेल

यह पुराने दृश्य स्टूडियो के लिए और पुराने jquery के लिए है। वीएस2010 में इंटैलिसेंस का उपयोग कैसे करें lates jquery 1.7?
आंद्र डेस


1

[संपादित करें] - हाल ही में मैं JQueryUI को JQueryUI के विकल्प के रूप में उपयोग कर रहा हूं, JQuery उपकरण अधिक HTML5 / CSS3 केंद्रित है: http://flowplayer.org/tools/index.html

मुझे JCarousel Lite (JCarousel नहीं) http://www.gmarwaha.com/jquery/jcarouselic/ पसंद है जो मुझे चाहिए और इससे ज्यादा कुछ नहीं।

-fs


1

किसी ने भी इनका उल्लेख नहीं किया है, जो मुझे बहुत उपयोगी लगा:

  • डेटाटैबल्स - HTML तालिका में उन्नत फ़ंक्शन और इंटरैक्शन नियंत्रण जोड़ें
  • BeautyTips - एक HTML तत्व में कॉन्फ़िगर करने योग्य टूलटिप्स जोड़ें


हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.