Wie können Teile der sortierbaren JQuery-Liste nicht verschoben werden?

Question

Ich habe eine sortierbare Liste:

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

Allerdings möchte ich alles mit Klasse Essen nicht ziehbar machen. Da es sich um Links handelt, die manchmal auf Personen klicken, ordnen sie versehentlich die Liste neu an. Weiß jemand, wie man nur die "Essen" -Klassen nicht "ziehbar" macht?

Answer 1

ist Ihr sortierbar Selektor Vorausgesetzt .line:

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

Siehe auch: The cancel option in der jQuery UI-Dokumentation.