it-swarm-pt.tech

Jquery ui - classificável: arraste pelo ícone 'handle' dentro do elemento classificável

Eu tenho jquery ui sortables funcionando bem, mas meus elementos classificáveis ​​têm outros elementos interativos. Para impedir a classificação acidental ao interagir com os elementos nas divs classificáveis, gostaria de fazer de alguma forma o movimento de arrastar para as classificáveis ​​ocorrer apenas ao arrastar um determinado elemento na classificável, como um ícone de 'movimentação' que possa residir no canto superior esquerdo de cada classificação. Isso é possível com jqui genérico ou eu precisaria escrever meu próprio gancho?

70
Rimer

A opção identificador do plug-in permite definir esse é o elemento que pode iniciar a classificação. Você pode fornecer um seletor ou um elemento.

Se você possui este html, com o .handler para ser o identificador para iniciar a classificação:

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

Aplique a opção assim:

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

Você pode estilizar seu elemento identificador da maneira que desejar.

143
Didier Ghys