jQuery UIによるドラッグできるリスト02

今回はjquery-ui-1.8.14.custom.min.jsを読み込んでいます。
対応ブラウザ:IE,Firefox,Google Chrome,Safari
参考サイト:http://gihyo.jp/design/serial/01/jsdoit/0006

  • ドラッグできるリストA1
  • ドラッグできるリストA2
  • ドラッグできるリストA3
  • ドラッグできるリストA4
  • ドラッグできるリストA5
  • ドラッグできるリストB1
  • ドラッグできるリストB2
  • ドラッグできるリストB3
  • ドラッグできるリストB4
  • ドラッグできるリストB5

-jQuery-

$(function(){
  //リスト1の項目はリスト2に移動することができる
  $(".dragg_list").sortable({
    connectWith: ".dragg_list02"
  }).disableSelection();

  //リスト2の項目はリスト1に移動することができる
  $(".dragg_list02").sortable({
    connectWith: ".dragg_list"
  }).disableSelection();
});