我有一个简单的无序列表,它是通过$.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>
但相反,什么也没有发生(甚至没有控制台日志)。我错过了什么?