Javascript 如何删除a<;李>;on<;ul>;我是通过jQuery添加的?
我有两个列表,其中一个是空的。当我单击非空列表中的项目时,我删除了该列表并将其添加到另一个列表中。问题是,我添加到列表中的项目,如果单击它们,我无法删除并将其移动到原始列表中。我添加代码 这是HTML代码Javascript 如何删除a<;李>;on<;ul>;我是通过jQuery添加的?,javascript,jquery,html,Javascript,Jquery,Html,我有两个列表,其中一个是空的。当我单击非空列表中的项目时,我删除了该列表并将其添加到另一个列表中。问题是,我添加到列表中的项目,如果单击它们,我无法删除并将其移动到原始列表中。我添加代码 这是HTML代码 <ul class="list-unstyled" id="seleccion"> </ul> <ul class="list-unstyled" id="categorias"> <li>Subcategoría</li>
<ul class="list-unstyled" id="seleccion">
</ul>
<ul class="list-unstyled" id="categorias">
<li>Subcategoría</li>
<li id="494">
<i class="glyphicon glyphicon-plus-sign"></i>
<a> Mujer</a>
</li>
<li id="553">
<i class="glyphicon glyphicon-plus-sign"></i>
<a>Hombre</a>
</li>
</ul>
- 子范畴
-
穆杰尔
-
霍姆布雷
这是jQuery代码:
$("#categorias li a").click(function(){
var texto = $(this).text();
var badge = $('<li>',{class:"categorias"}).append($('<i>',{class:"glyphicon glyphicon-minus-sign"})).append($('<a>',{text:texto}));
$('#seleccion').append(badge);
$(this).hide();
});
$("#seleccion li").click(function(){
var texto = $(this).text();
var tipo = $(this).attr('class');
var badge = $("<li>").append($('<i>',{class:"glyphicon glyphicon-plus- sign"})).append($('<a>',{text:texto}));
$('#'+tipo).append(badge);
$(this).hide();
});
$(“#分类为li a”)。单击(函数(){
var texto=$(this.text();
var badge=$(',{class:“categorias”}).append($('',{class:“glyphicon glyphicon减号”})).append($('',{text:texto}));
$('seleccion')。附加(徽章);
$(this.hide();
});
$(“#选择li”)。单击(函数(){
var texto=$(this.text();
var tipo=$(this.attr('class');
var badge=$(“ ”).append($('',{class:“glyphicon glyphicon plus-sign”})).append($('',{text:texto}));
$('#'+tipo).附加(徽章);
$(this.hide();
});
ut
例如,当我单击“Mujer”时,元素移动到第一个ul,但是如果我单击了这个,我可以删除它
谢谢。用这个:
$(document).on("click", "#seleccion li a", function(){
代替$(“#seleccion li”)。单击(function(){
使用以下命令:
$(document).on("click", "#seleccion li a", function(){
代替$(“#seleccion li”)。单击(function(){
使用以下命令:
$(document).on("click", "#seleccion li a", function(){
代替$(“#seleccion li”)。单击(function(){
使用以下命令:
$(document).on("click", "#seleccion li a", function(){
而不是
$(“#seleccion li”)。单击(函数(){
请提供一个例子。这是你要找的吗?请提供一个例子。这是你要找的吗?请提供一个例子。这是你要找的吗?请提供一个例子。这是你要找的吗?谢谢,很简单吗?非常感谢much@monchyrcg这是因为第二个列表项的侦听器在实际添加任何项目之前添加,因此,它不起作用。此答案中描述的技术称为“委派”谢谢,就这么简单?非常感谢much@monchyrcg这是因为第二个列表项的侦听器是在实际添加任何项之前添加的,因此,它不起作用。此答案中描述的技术称为“委派”谢谢,就这么简单?非常感谢much@monchyrcg这是因为第二个列表项的侦听器是在实际添加任何项之前添加的,因此,它不起作用。此答案中描述的技术称为“委派”谢谢,就这么简单?非常感谢much@monchyrcg这是因为第二个列表项的侦听器是在实际添加任何项之前添加的,因此,它不起作用。此答案中描述的技术称为“委派”