تعطيل الإكمال التلقائي jQuery يجعل الإكمال التلقائي شفافًا جزئيًا ، وليس معاقًا

Question

أنا أستخدم وظيفة "الإكمال التلقائي" الخاص بـ JQuery UI في البحث على موقعي. عندما تقوم بتغيير زر الراديو من "البحث عن المنطقة" إلى "البحث عن الاسم" ، أريده أن يقوم بتعطيل الإكمال التلقائي ، وإعادة تمكينه عند التبديل. ومع ذلك ، عند تعطيل الإكمال التلقائي ، فإنه لا يخفي القائمة المنسدلة ، فهو لا يخفي القائمة المنسدلة. فقط يضعفه إلى 20 ٪ من العتامة أو نحو ذلك. ها هي JavaScript الخاصة بي:

var allFields = new Array(<?php echo $allFields ?>);

$(document).ready(function() {

    if ($("input[name='searchType']:checked").val() == 'areaCode') {
        $("#siteSearch").autocomplete({
            source: allFields,
            minLength: 2
        });
    }

    $("input[name='searchType']").change(function(){
        if ($("input[name='searchType']:checked").val() == 'areaCode') {
            $( "#siteSearch" ).autocomplete( "option", "disabled", false );
            alert("enabled");
        }
        else {
            $( "#siteSearch" ).autocomplete( "option", "disabled", true );
            alert("disabled");
        }

    });

});

يمكنك أن ترى ذلك يحدث في http://crewinyourcode.com

أولاً ، يجب عليك اختيار رمز المنطقة للبحث ، ثم يمكنك رؤية المشكلة.

تحرير: أدرك أنه يتعين عليك اختيار رمز المنطقة قبل إعطاؤك خيار تبديل أنواع البحث. إذا ذهبت إلى عنوان URL هذا ، فسيكون لديك كل منهما على الفور:http://crewinyourcode.com/search/choose-category/732/

Answer 1

أضافت للتو قاعدة CSS لعرضها: مخبأ مربع الإكمال التلقائي. لا بيجي.