it-swarm.com.de

Jquery ui - sortable: Ziehen Sie das Symbol 'handle' innerhalb des sortierbaren Elements

Ich habe jquery ui sortables, die gut funktionieren, aber meine sortierbaren Elemente enthalten andere interaktive Elemente. Um ein versehentliches Sortieren bei der Interaktion mit den Elementen in den sortierbaren Divs zu vermeiden, möchte ich die Ziehbewegung für die sortierbaren Elemente nur dann ausführen, wenn Sie ein bestimmtes Element in der sortierbaren Datei ziehen, z. B. ein Verschiebungssymbol, das möglicherweise vorhanden ist in der oberen linken Ecke von jedem sortierbar. Ist das mit generischem jqui möglich, oder muss ich meinen eigenen Hook schreiben?

70
Rimer

Mit der Option handle des Plugins können Sie festlegen, dass dies das Element ist, das die Sortierung initiieren kann. Sie können einen Selektor oder ein Element angeben.

Wenn Sie dieses HTML haben, mit dem .handler als Startpunkt für die Sortierung:

<ul class="sortable">
    <li>
        <span class="handle"></span>
        My element
    </li>
</ul>

Wenden Sie die Option wie folgt an:

$( ".sortable" ).sortable({ handle: '.handle' });

Sie können Ihr Griffelement beliebig gestalten.

143
Didier Ghys