$.ajax
...を介して生成される単純な順序なしリストがあります。
<ul id="simpleList"></ul>
ajax 応答の後、次のようになります。
<ul id="simpleList">
<li id="aaa">list item aaa</li>
<li id="bbb">list item bbb</li>
<li id="ccc">list item ccc</li>
</ul>
クリックしたリスト アイテムをこのリストから別のリストに移動する必要があります ( #selectedList
)。
通常、私は.click
関数を使用してこれを処理しますが、最初のリスト項目は ajax 呼び出しを介してオンザフライで作成されるため、使用を開始しましたが.live
、まだ機能させることができません。ここに私がこれまでにいる場所の例を示します。
$('#simpleList > li').live('click', function() {
console.log('click registered');
var contents = $(this).html();
var listId = $(this).attr('id');
$(this).remove();
$('#selectedList').show();
$('#selectedList').append('<li id="' + listId + '">' + contents + '</li>');
});
私は次のような最終結果を期待しています: (#aaa
リスト項目がクリックされたと仮定)
<ul id="simpleList">
<li id="bbb">list item bbb</li>
<li id="ccc">list item ccc</li>
</ul>
<ul id="selectedList">
<li id="aaa">list item aaa</li>
</ul>
しかし、代わりに何も起こりません (コンソール ログでさえも)。私は何が欠けていますか?