¿Cómo no permitir que se muevan las partes de la lista de jquery ordenables?

Question

hice una lista ordenable:

<ul> 
    <li class="line"><a href="#" class="food">milk</a></li> 
    <li class="line"><a href="#" class="food">eggs</a></li> 
    <li class="line"><a href="#" class="food">cheese</a></li> 
</ul> 

Sin embargo, quiero hacer todo con la clase de alimentos no arrastrarlos. Como son enlaces, a veces, cuando las personas hacen clic en ellos, accidentalmente vuelven a ordenar la lista. ¿Alguien sabe cómo hacer que solo los elementos de la clase "comida" no sean "arrastrables"?

Answer 1

Suponiendo que el selector de sortable es .line:

$('.line').sortable({ cancel: 'a.food' }); 

Ver: The cancel option en la documentación de jQuery UI para obtener más información.