从左边列表复制到右边列表html,JQ实现左侧列表内容移动至右侧列表出现的问题...

部分代码如下

$(function(){

//双击选中项，商品移动到右列表

$('#leftList option').dblclick(function(){

$('#leftList option:selected').appendTo('#rightList');

})

//双击选中项，商品移动到左列表

$('#rightList option').dblclick(function(){

$('#rightList option:selected').appendTo('#leftList');

})

//左侧全部商品移动至右侧

$('#allToRight').click(function(){

$('#leftList option').appendTo('#rightList');

})

//右侧所有商品移动到左边

$('#allToLeft').click(function(){

$('#rightList option').appendTo('#leftList');

})

})

已有商品

IPhone6s

小米4

锤子T2

>>

>>>

未有商品

三星Note3

华为6s

<<

<<<

双击左侧下拉列表内容，添加到右侧列表后，再点击就不能回去了。右侧列表的也是，移动到左侧后不能双击事件返回，但是超链接的click事件全部移动又可以。