jQuery sortable button handle

jQuery에 sortable 메소드를 사용하여 list들을 다룰 수 있다.

이때 하나의 list를 눌러서 다루는 것이 아닌, button을 사용하여 다룰 수 있는 것이 있다.

$(function(){

$("#sortable").sortable({

  handle: 'button',

  cancel: ''

  });

});

//각 list들을 마음대로 순서를 바꿀 수 있게 크게 sortable로 잡아준다.

<div id="sortable">

//list1

<div class="list">

<button>list one</button>

//list간 공백을 사용하지 않고, hr태그를 사용하여 분리해줬다

<hr>

</div>

//list2

<div class="list">

<button>list two</button>

//list간 공백을 사용하지 않고, hr태그를 사용하여 분리해줬다

<hr>

</div>

//list3
<div class="list">

<button>list three</button>

//list간 공백을 사용하지 않고, hr태그를 사용하여 분리해줬다

<hr>

</div>

</div>

여기서 꼭 cancel:' '을 써줘야 버튼으로 handling할 수 있음.

더 많은 정보는 여기서 => http://api.jqueryui.com/sortable/#option-cancel