爲什麼我的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 
    }); 
    });