jQuery UI - sélectionnables Démarrer glisser Sélection de l'extérieur d'objets

Question

J'utilise l'interface utilisateur jQuery Slectable http://jqueryui.com/demos/selectable/

Une fois initialisé (comme dans la démo sur ce lien). La sélection par glisser ne fonctionne que si je commence à maintenir le bouton de la souris sur un objet. Si je commence à faire glisser la sélection de l'extérieur des objets, la sélection ne fonctionne pas.

Y a-t-il un moyen de l'activer pour que l'utilisateur puisse lancer la sélection en dehors des objets sélectionnables?

Answer 1

L'écouteur d'événement de souris dans 'selectable' est lié à l'élément wrapper auquel vous l'avez attaché. En l'attachant au corps et en fournissant un filtre, vous pouvez obtenir ce que vous cherchez.

Sur la base de l'exemple jQuery:

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

* Edit: Malheureusement, en raison de this._trigger ("arrêt", événement); il va arrêter d'autres événements sur la page.

Votre meilleure solution est peut-être simplement faire l'emballage autour des grands sélectionnables. *

Answer 2

Ce comportement est déjà le cas, vous ne pouvez pas le voir!

Ajustez simplement le css de votre ul.selectable afin qu'il contienne correctement les li flottants.

#selectable{ 
    overflow: hidden; 
}