_renderItem प्रकार का ब्रेक स्वत: पूर्ण क्षेत्र

Question

का उपयोग कर मेरे पास एक jQuery स्वत: पूर्ण फ़ील्ड है जो अभी तक ठीक काम कर रहा है। मैंने _renderItem का उपयोग करने का निर्णय लिया क्योंकि मैं परिणामों में कुछ HTML का उपयोग करना चाहता था। यहां मेरा कोड है:

function prepareClientField() { 

    var renderItemFunction = function(ul, item) { 
    return $("<li></li>") 
     .data("item.autocomplete", item) 
     .append(item.label) 
     .appendTo(ul); 
    }; 

    $("#client_name").autocomplete({ 
    source: clientNames, 
    delay: 0 
    }).data("autocomplete")._renderItem = renderItemFunction; 

    $("#client_name").focus(); 
} 

कारण के लिए, अब, मैं अपने स्वत: पूर्ण क्षेत्र में ऊपर/नीचे तीर का उपयोग नहीं कर सकता। मैं परिणाम में किसी आइटम पर क्लिक करने के लिए माउस का उपयोग भी नहीं कर सकता। क्या वास्तव में यह काम करने के लिए मुझे कुछ और करने की ज़रूरत है?

Answer 1

autocomplete प्लगइन menu प्लगइन पर भारी निर्भर करता है जो आंतरिक रूप से a तत्वों का उपयोग करता है। इस प्रकार प्रत्येक आइटम से a तत्व को हटाकर menu प्लगइन तोड़ता है।

आप कर सकते हैं या तो स्वयं अप बुचर menu प्लगइन & कोशिश यह काम करने के लिए प्राप्त करने के लिए, या आप एक और समाधान जहां आइटम एक a टैग है खोजने की जरूरत है, लेकिन गंदगी अपनी शैली नहीं है।