<p>Enable a group of DOM elements to be sortable. Click on and drag and element to a new spot within the list, and the other items will adjust to fit. By default, sortable items share <strong>draggable</strong> properties.</p>
<p>Completely exclude items from the sorting logic using the 'items' option</p>
<h3>Specify which items are sortable:</h3>
<ulid="sortable">
<liclass="ui-state-default">Item 1</li>
<liclass="ui-state-default ui-state-disabled">(I'm not sortable)</li>
<liclass="ui-state-default ui-state-disabled">(I'm not sortable)</li>
<liclass="ui-state-default ui-state-disabled">(I'm not sortable or a drop target)</li>
<liclass="ui-state-default ui-state-disabled">(I'm not sortable or a drop target)</li>
<liclass="ui-state-default">Item 4</li>
</ul>
<p>Keep the items as valid targets, but non-draggable, using the 'cancel' option</p>
<h3>Cancel sorting (but keep as drop targets):</h3>
<ulid="sortable2">
<liclass="ui-state-default">Item 1</li>
@@ -47,9 +47,8 @@
<divclass="demo-description">
<p>
</p>
<p>Specify which items are eligible to sort by passing a jQuery selector into the <strong>items</strong> option. Items excluded from this option are not sortable, nor are they valid targets for sortable items. </p>
<p>To only prevent sorting on certain items, pass a jQuery selector into the <strong>cancel</strong> option. Cancelled items remain valid sort targets for others.</p>
<p>When dragging a sortable item to a new location, other items will make room for the that item by shifting to allow white space between them. Pass a class into the <strong>placeholder</strong> option to style that space to be visible. Use the boolean <strong>forcePlaceholderSize</strong> option to set dimensions on the placeholder.</p>
<p>Set the stickiness of drop areas using the <strong>tolerance</strong> option. Specify whether the drop should occur when either the pointer or intersection (mid-point of the sortable item) crosses the drop area's boundary. By default, the script guesses which option is best to use for each drag.</p>