Differenze nell'interazione attraverso l'opzione tolerance

L'area con sfondo grigio delimita il widget

 

tolerance : 'touch'

  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 4

 

tolerance : 'touch', con elementi piccoli il valore 'touch' rende difficile una selezione precisa

  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 4
  5. Item 5
  6. Item 6
  7. Item 7
  8. Item 8
  9. Item 9
  10. Item 10
  11. Item 11
  12. Item 12
  13. Item 1
  14. Item 2
  15. Item 3
  16. Item 4
  17. Item 5
  18. Item 6
  19. Item 7
  20. Item 8
  21. Item 9
  22. Item 10
  23. Item 11
  24. Item 12

 

 

 

tolerance : 'fit', selezionare l'elemento per intero

  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 4

    5.  

 

tolerance : 'fit' , elementi con altezza elevata sono particolarmente difficili da selezionare

  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 4

 

Codice:

 

$(function() {
	$("#selectable1, #selectable2 ").selectable({
					tolerance : 'touch'
	});
	$("#selectable3, #selectable4").selectable({
					tolerance : 'fit'
	});
});