jQuery doesn't work on items already processed -


$(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');       });   }); 

this works items transferred other list cannot transferred back, other items in other list can transferred back.

delegate event containers not statically linked on element itself..

$(document).ready(function() {       $('#userid').on('dblclick','option', function() {           return !$(this).remove().appendto('#removelist');       });      $('#removelist').on('dblclick','option',function() {           return !$(this).remove().appendto('#userid');       });   }); 

(i changed inner selectors this. if moving multiple items @ once should use original ones)

(you not need remove() them first, appending them other list, remove them current 1 ie. $(this).appendto('#removelist'))

demo at http://jsfiddle.net/hacv5/


Comments

Popular posts from this blog

java - WrongTypeOfReturnValue exception thrown when unit testing using mockito -

php - Magento - Deleted Base url key -

android - How to disable Button if EditText is empty ? -