내 jQuery UI 자동 완성 위젯이 작동하지 않는 이유는 무엇입니까?

Question

두 개의 태그를 자동 완성하는 입력을 받았습니다. 그건 그렇고, 입력이 추가됩니다.

입력은

을 추가하고

htmlsignup += "<input placeholder='Ваш пол' type='text' value='' class='signup_sex_input' name='signup_sex_input' id='signup_sex_input'/><br>"; 

자동 완성 부분

$(document).on('keyup',"input#signup_sex_input",function(){ 
(function() {var tags_for_autocomplete = ["Мужской","Женский"]; 
$("input[name='signup_sex_input']").autocomplete({ 
     source: tags_for_autocomplete 
}); 
}); 
}); 

당신이 내가 잘못하고있는 중이 야 어떻게 생각하십니까? 나는 ui 라이브러리를 페이지에 연결했다.

Answer 1

당신은 KeyUp 이벤트를 처리 할 필요가 없습니다 - 자동 완성 당신을 위해이 모든 것을 관리합니다

이 당신의 기능을 대체하십시오 :

$(function() { 
    var tags_for_autocomplete = ["Мужской","Женский"]; 
    $("#signup_sex_input").autocomplete({ 
     source: tags_for_autocomplete 
    }); 
    }); 

Fiddle here

편집

을

Working fiddle adding to the DOM with jQuery

$(function() { 
    var htmlsignup = "<input placeholder='Ваш пол' type='text' value='' class='signup_sex_input' name='signup_sex_input' id='signup_sex_input'/><br>"; 

    $('body').append(htmlsignup); 
    var tags_for_autocomplete = ["Мужской","Женский"]; 
    $("input[name='signup_sex_input']").autocomplete({ 
     source: tags_for_autocomplete 
    }); 
    });