fadeIn appendTo with ui.item.value

Question

私は、jQueryUIのオートコンプリートウィジェットを使用して、MySQLデータベースからサブジェクト名を取得しています。ユーザがオートコンプリートリストからサブジェクトを選択すると、そのサブジェクトを#subjects_containerに追加して、それをfadeInで表示したいとします。私の問題は構文であるようですが、私は私のエラーを見ることができませんでした。

ui.item.valueは確かに私は値を取得

機能追加したいものを含んでいます。私の落胆に

function autocompletejq() { 
$("#autocomplete").autocomplete({ 
    source: "autocomplete.php", 
    minLength: 1, 
    delay: 0, 
    select: function(event, ui) { 
     alert(ui.item.value); 
     $("<input class=\"added_chkboxes\" type=\"checkbox\" checked=\"checked\" />" + ui.item.value + "").appendTo("#subjects_container"); 
    } 
}); 

}

を、唯一のチェックボックスが追加されます！多分私の連結は間違っているでしょう。

注：hide（）およびfadeIn（）はここには表示されません。ここではhtmlタグで

最終解決

ラップui.item.value、<span>タグ：

function autocompletejq() { 
$("#autocomplete").autocomplete({ 
    source: "autocomplete.php", 
    minLength: 1, 
    delay: 0, 
    select: function(event, ui) { 
     alert(ui.item.value); 
     $("<input class=\"added_chkboxes\" type=\"checkbox\" checked=\"checked\" /><span>" + ui.item.value + "</span>").appendTo("#subjects_container").hide().fadeIn(); 
    } 
}); 

}

Answer 1

効果の一部について：

$("<p>My new Content</p>").appendTo("#myWrapper").hide().fadeIn(); 

オブジェクト作成に関して： "ui.item.value"をHTMLタグ内にラップする必要があると思います。スパン。

私はすべてsthを試みます。ここで

var newHTML = '<input class="added_chkboxes" type="checkbox" checked="checked" />' +  
    '<span>ui.item.value</span>'; 
$(newHTML).appendTo("#subjects_containe").hide().fadeIn(); 

はダミーの例である：このようhttp://jsfiddle.net/SunnyRed/dB2uT/

は、この情報がお役に立てば幸いです。