jQueryUI स्वत: पूर्ण

Question

में काम कर रहे $ (यह) नहीं मिल रहा है मैं jQueryUI का उपयोग कर एक सामान्य स्वत: पूर्ण स्क्रिप्ट बनाने की कोशिश कर रहा हूं। स्वत: पूर्ण हर के लिए काम करना चाहिए:

<input type='text' class='autocomplete' id='foo'/> 
<input type='text' class='autocomplete' id='bar'/> 
... 

अब मैं $ (इस) का उपयोग कर 'foo' या 'बार' स्रोत समारोह में उपयोग करने के लिए कोशिश कर रहा हूँ, लेकिन जब चेतावनी मैं हमेशा मिलता है 'अनिर्धारित'।

$('input.autocomplete').autocomplete({ 
    source: function(req, add){ 
     var id = $(this).attr('id'); 
     alert(id); 
    } 
}); 

मैं क्या गलत कर रहा हूं?

Answer 1

प्रासंगिक तत्व के संदर्भ को बंद करने के लिए बंद करने के उपयोग से आपके चयन में प्रत्येक आइटम के लिए अलग-अलग सेटअप स्वतः पूर्ण करें। निम्नलिखित की तरह कुछ:

$('input.autocomplete').each(function(i, el) { 
    el = $(el); 
    el.autocomplete({ 
     source: function(req, add) { 
      var id = el.attr('id'); 
      alert(id); 
     } 
    }); 
}); 

---

वैकल्पिक (संपादित करें)

मैं नहीं दिख रहा है यही कारण है कि each() उपयोग करने के लिए इस तरह के प्रतिरोध है: यह काम करता है, कोड बहुत ही स्पष्ट और पठनीय है, और यह दक्षता के साथ कोई समस्या नहीं पेश करता है; लेकिन यदि आप each() से बचने के लिए निर्धारित हैं, तो यहां एक विकल्प है ...

* कृपया ध्यान दें: निम्नलिखित दृष्टिकोण jQuery Autocomplete के आंतरिक पर निर्भर करता है (इसलिए थोड़ा पहले) मैं पहले विकल्प की सिफारिश करता हूं .. लेकिन पसंद तुम्हारा है।

$('input.autocomplete').autocomplete({ 
     source: function(req, add) { 
      var id = this.element.attr('id'); 
      alert(id); 
     } 
    }); 
}); 

काम करेंगे कि, कम से कम जब तक/जब तक कि वे जिस तरह से source() समारोह autocomplete प्लगइन के भीतर से कहा जाता है बदल जाते हैं।

तो, आपके पास दो विकल्प हैं ... हर किसी के लिए कुछ।

Answer 2

$(this) आपके नव निर्मित फ़ंक्शन से आएगा और इस प्रकार काम नहीं करेगा। source से ऊपर की घोषणा को ले जाएं और इसे काम करना चाहिए।

Answer 3

मारवेलिन सही है। 'यह' आपके द्वारा बनाए गए नए बनाए गए फ़ंक्शन का संदर्भ देगा। यह फ़ंक्शन के बाहर var id बनाकर और फ़ंक्शन के भीतर इसका उपयोग करके आसानी से ठीक किया जा सकता है।

Answer 4

कि इनपुट तत्व आपको निम्न कार्य करने में सक्षम होना चाहिए पहुंचने के लिए:

$(this.element).val(); 

बेशक

, बस मूल्य हो जाता है कि। तुम इतनी तरह अन्य विशेषताओं का उपयोग कर सकते हैं:

$(this.element).attr('value'); // just another way to get the value 
$(this.element).attr('id'); 

इसके अलावा, मान लीजिए आप select event में उस तत्व का उपयोग करना चाहते हैं, तो आप कि इतने की तरह कर सकते हैं: आशय क्या है

$(event.target).attr('value'); 
$(event.target).attr('id');