Come non consentire il trasferimento di parti dell'elenco jquery ordinabile?

Question

Ho fatto un elenco ordinabile:

<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> 

Tuttavia, voglio fare tutto con il cibo classe non trascinabile. Dal momento che sono link, a volte quando le persone cliccano su di loro, accidentalmente riordina la lista. Qualcuno sa come rendere solo gli articoli di classe "cibo" non "trascinabili"?

Answer 1

Presumendo tua selettore ordinabile è .line:

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

See: The cancel option nella documentazione jQuery UI per i dettagli.