Articles of jquery ui droppable

Droppable over event ne se déclenche pas sous différents tabs

Lorsque j’essaie de connecter deux listes séparées par des tabs, l’événement over ne se déclenche pas sur la liste du deuxième onglet. Voici mon HTML Nunc tincidunt Proin dolor Item 1 Item 2 Item 1 Item 2 Item 1 Item 2 Item 1 Item 2 Et javascript $(function() { $(“.list”).sortable({ connectWith: “.list” }).disableSelection(); var $tabs […]

Élément d’interface utilisateur Droppable Live uniquement accepte Drop on Second Try

JQuery UI Droppables est ajouté dynamicment à la page via Ajax. Tenter de suivre les instructions pour connecter les Droppables en direct: jQuery UI Droppable: comment le faire vivre? Lors de la première tentative de glisser-déposer, hoverClass n’est pas connecté, et la cible de hoverClass n’est pas une Droppable enregistrée (le gestionnaire d’événements de repository […]

Ajout d’un délai à un événement droppable

J’ai un élément largable avec un gestionnaire d’événement de basculement. En faisant glisser un élément sur la liste de repository, vous développez un nœud. Cependant, je souhaite append un délai afin que le nœud ne se développe pas immédiatement, c’est-à-dire que vous devez maintenir le contenu glissable au-dessus de la liste de repository pendant une […]

jQuery UI droppable ‘drop’ événement à attendre pour revenir

Je développe des interactions simples glisser-déposer avec jQueryUI. Sous certaines conditions, j’aimerais que l’élément déplacé revienne à son emplacement d’origine ( retour ), puis se secoue. J’ai placé le shake dans l’ événement drop de l’object largable, mais il ne semble pas attendre que le retour soit terminé. Pire encore, il y a parfois des […]

Contraindre un élément déplaçable après sa suppression

Fondamentalement, ce que j’ai est un ensemble de doodads , et ce que je dois faire est de pouvoir faire glisser n’importe quel élément de cet ensemble dans une boîte de confinement. Une fois dans la boîte, ils peuvent toujours être déplacés et manipulés librement, mais ils ne peuvent plus être retirés de la boîte, […]

Positionnement des éléments glissés, déposés et ajoutés à l’aide de JQuery-Ui Droppable

J’utilise JQuery-ui draggable & droppable. Je souhaite append des éléments déposés au conteneur cible de repository, tout en préservant la position apparente qu’il occupait lors de son abandon. Utiliser .html () me permet de conserver les données de position ajoutées par la fonction .draggable (), mais comme elles deviennent les enfants d’un nouvel élément, elles […]

jQuery UI – Cloner la liste désorganisable / sortingable après un événement

Fondamentalement, j’ai une liste d’éléments déplaçables et au départ un élément de repository dans lequel ils doivent être glissés. Lorsqu’un élément est glissé dans la table, celui-ci est cloné (avant que l’élément ne soit ajouté) et ajouté en tant que nouvelle zone de table. Jetez un coup d’œil à ce violon dénudé: http://jsfiddle.net/DKBU9/1/ (omitted sortable […]

Vérifier si droppable contient déjà un autre élément déplaçable (jQuery UI)

J’ai un élément div droppable qui s’estompe lorsqu’un élément déplaçable est déplacé. Cela fonctionne bien en utilisant l’événement out. Le problème que je reçois, c’est quand il y a deux éléments déplaçables sur la bave. L’élément de repository va continuer à s’estomper lorsque j’en enlève un. Comment puis-je vérifier s’il y a déjà un autre […]

jquery remove de droppable lorsqu’il est sorti

JQuery a été implémenté avec les fonctions déplaçable et largable basées sur l’exemple de démonstration de panier d’achat . J’aimerais pouvoir supprimer le de la liste de repository lorsque vous le faites glisser hors de la liste de repository. Je pensais que cela pourrait avoir quelque chose à voir avec l’ événement droppable out mais […]

erreur jquery ui pour ui.draggable («détruire»)

Je souhaite supprimer la propriété drag d’un lorsque je la dépose sur un conteneur. Mais j’obtiens une erreur “Property ‘draggable’ of object # is not a function” , pour mon code ci-dessous. $( “#fighter1” ).draggable(); //fighter1 is the id of draggable object $( “#fighter2” ).draggable(); $( “#fighter3” ).draggable(); $( “#fighter4” ).draggable(); $( “#fighter5” ).draggable(); $( […]