Demo of Selectable tolerance option using JQuery

tolerance: "fit"
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
tolerance: "touch"
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5

Tutorial Selectable

JQuery

$(document).ready(function() {
//////////////////////////
$( '#my_selectable1' ).selectable({
tolerance: "fit"
});

$( '#my_selectable2' ).selectable({
tolerance: "touch"
});
////////////////
})

HTML

tolerance: "fit"<br>
<ul id="my_selectable1">
  <li id=i1>Item 1</li>
  <li id=i2>Item 2</li>
  <li id=i3>Item 3</li>
  <li id=i4>Item 4</li>
  <li id=i5>Item 5</li>
</ul>

tolerance: "touch"<br>
<ul id="my_selectable2">
  <li id=i1>Item 1</li>
  <li id=i2>Item 2</li>
  <li id=i3>Item 3</li>
  <li id=i4>Item 4</li>
  <li id=i5>Item 5</li>
</ul>