Demo of Selectable Cancel option using JQuery UI

  • Item 1
  • Item 2
  • Item 3
  • Item 4
    •
  • Item 5
Press and hold Ctrl key for multiple selection
Click to the right of the element to select.
Item 3 with class='no_select' not selectable
Item 4 within <a tag not selectable.
Item 5 with id=i5 not selectable.

Tutorial Selectable JQuery
$(document).ready(function() {
//////////////////////////
$( '#my_selectable' ).selectable({
  cancel: "a,.no_select,#i5"
});
////////////////
})

HTML

<ul id="my_selectable">
  <li>Item 1</li>
  <li>Item 2</li>
  <li class=no_select>Item 3</li>
  <a href=#><li>Item 4</li></a>
  <li id=i5>Item 5</li>
</ul>