jquery ui selectable how to stop selecting inner elements?

Question

I have tried to work out with jquery ui selectable but it is not working as expected. when i selecting list items the inner items are also selecting and i need add a class to selected items. here is the demo of my stuff.

Demo

$(".itemlist").selectable();

Answer 1

Replace the below code in your javascript:

$(".itemlist").selectable({ filter: "li" });

Hope it helps.

Answer 2

Try this

$(".itemlist").selectable({ filter: 'li' });