部分代碼如下

$(function(){

//雙擊選中項(xiàng)，商品移動(dòng)到右列表

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

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

})

//雙擊選中項(xiàng)，商品移動(dòng)到左列表

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

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

})

//左側(cè)全部商品移動(dòng)至右側(cè)

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

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

})

//右側(cè)所有商品移動(dòng)到左邊

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

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

})

})

已有商品

IPhone6s

小米4

錘子T2

>>

>>>

未有商品

三星Note3

華為6s

<<

<<<

雙擊左側(cè)下拉列表內(nèi)容，添加到右側(cè)列表后，再點(diǎn)擊就不能回去了。右側(cè)列表的也是，移動(dòng)到左側(cè)后不能雙擊事件返回，但是超鏈接的click事件全部移動(dòng)又可以。

總結(jié)

以上是生活随笔為你收集整理的从左边列表复制到右边列表html,JQ实现左侧列表内容移动至右侧列表出现的问题...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。