扫码关注官方订阅号
业精于勤，荒于嬉;行成于思，毁于随。
注意两段代码绑定dbclick的位置的不同。题主的代码
$demo4.find('#channel option')
教程的代码
$demo4.find('#channel')
题主的代码把事件绑定在选项中，而且一开始右边的选框中没有选项，所以第二条事件绑定语句并没有绑定到任何option上，所有的选项都绑定了双击移动到右边的事件。左边选框中的选项双击时会移动到右边，这时再双右边的选项，因为绑定的还是之前的把选项移到右边事件，但选项已经在右边了，所以不会有反应。
而教程的代码是把双击事件绑定在选框中，当选框发生双击事件时，找到当前选框中选中的option，将它们移到另一边。$('option:selected',this)表示从当前dom元素（发生点击事件的选框及其子元素）集中查找选中的option，和$(this).find('option:selected')效果是一样的。
$('option:selected',this)
$(this).find('option:selected')
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
1
426
收藏
注意两段代码绑定dbclick的位置的不同。
题主的代码
教程的代码
题主的代码把事件绑定在选项中，而且一开始右边的选框中没有选项，所以第二条事件绑定语句并没有绑定到任何option上，所有的选项都绑定了双击移动到右边的事件。
左边选框中的选项双击时会移动到右边，这时再双右边的选项，因为绑定的还是之前的把选项移到右边事件，但选项已经在右边了，所以不会有反应。
而教程的代码是把双击事件绑定在选框中，当选框发生双击事件时，找到当前选框中选中的option，将它们移到另一边。
$('option:selected',this)表示从当前dom元素（发生点击事件的选框及其子元素）集中查找选中的option，和$(this).find('option:selected')效果是一样的。