jQuery UI - Sortable

by luanvuvt

HTML

<div id="bounding">
    <ul id="sortable" class="sortable">
      <li id="i_1">Item 1</li>
      <li id="i_2">Item 2</li>
      <li id="i_3">Item 3</li>
      <li id="i_4">Item 4</li>
      <li id="i_5">Item 5</li>
    </ul>
</div>

<div id="box">
    <div id="helper"></div>
</div>

CSS

#box {
    border: 1px solid red;
}

#helper {
    width: 50px;
    height: 20px;
    border: 1px solid green;
}

JavaScript

$("#sortable").sortable({
    //appendTo: '#box',
    //containment: '#bounding',

    cursor: 'move',
    cursorAt: {
        left: -50
        
    }
});

alert($("#sortable").sortable( "serialize" ));