jQuery不处理已处理的项
jQuery不处理已处理的项
提问于 2014-03-25 17:24:25
$(document).ready(function() {
$('#userID option').dblclick(function() {
return !$('#userID option:selected').remove().appendTo('#removeList');
});
$('#removeList option').dblclick(function() {
return !$('#removeList option:selected').remove().appendTo('#userID');
});
});这是可行的，但传输到另一个列表的项不能回传，但其他列表中的其他项可以回传。
回答 3
Stack Overflow用户
回答已采纳
发布于 2014-03-25 17:27:38
将事件委托给容器，使它们不会静态地链接在元素本身上。
$(document).ready(function() {
$('#userID').on('dblclick','option', function() {
return !$(this).remove().appendTo('#removeList');
});
$('#removeList').on('dblclick','option',function() {
return !$(this).remove().appendTo('#userID');
});
});(我将内部选择器改为this__。但是，如果你同时移动多个项目，你应该使用你的原始项目)
(您也不需要先将它们添加到remove()列表中，只需将它们附加到另一个列表中，就可以将它们从当前的列表中删除。$(this).appendTo('#removeList'))
Demo在 http://jsfiddle.net/HAcv5/
Stack Overflow用户
发布于 2014-03-25 17:27:56
问题在于您使用的是remove，它从DOM中移除元素以及附加到它的任何事件处理程序。试着使用detach来代替：
$('#userID option').dblclick(function() {
return !$('#userID option:selected').detach().appendTo('#removeList');
});
$('#removeList option').dblclick(function() {
return !$('#removeList option:selected').detach().appendTo('#userID');
}); Stack Overflow用户
发布于 2014-03-25 17:32:17
当您使用$('#userID option')来绑定事件时，您将它们绑定到这些特定的选项--因此移动到#removeList的选项仍然附加了‘阑尾到(’#removeList‘)操作。事件仍然有效，它只是将项目附加到它已经存在的列表中。
与其将事件附加到列表中的每个单独项，不如将事件附加到列表本身；这样，即使列表内容发生变化，事件也将继续工作：
$('#userID').on('dblclick','option', function() {
$(this).appendTo('#removeList');
};(在将选项节点附加到其他位置之前，不必删除()或分离()；修复节点可以隐式地将其从原始位置删除。)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22641976
复制相关文章
相似问题
腾讯云开发者
