jQuery UI seleccionables - inicio de arrastre-Selección desde el exterior de objetos

Question

estoy usando el jQuery UI Slectable http://jqueryui.com/demos/selectable/

Una vez inicializado (al igual que en la demo en ese enlace). la selección por arrastre solo funciona si comienzo a mantener presionado el botón del mouse encima de un objeto. Si comienzo seleccionando arrastrar desde fuera de los objetos, la selección no funciona.

¿Hay alguna forma de habilitarlo para que el usuario pueda iniciar la selección de arrastre fuera de los objetos seleccionables?

Answer 1

El detector de eventos del mouse en 'seleccionable' está vinculado al elemento envoltorio al que lo ha adjuntado. Al conectarlo al cuerpo y proporcionar un filtro puede obtener lo que está buscando.

Basado en el ejemplo jQuery:

$('body').selectable({ filter: '#selectable li' }); 

* Editar: Desafortunadamente, debido a this._trigger ("STOP", evento); detendrá otros eventos en la página.

La mejor solución podría ser la de simplemente hacer la envoltura alrededor de los seleccionables más grandes. *

Answer 2

Este comportamiento ya está sucediendo, usted no puede verlo!

Simplemente ajuste el CSS para su ul.selectable para que contenga correctamente el li flotante.

#selectable{ 
    overflow: hidden; 
}