J’ai une liste de photos que j’ai ajoutées, mais lorsque la photo est glissée en dehors de la div parente, je veux changer de classe pour indiquer que si vous la déposez, elle sera supprimée l’utilisateur le laisse tomber, je veux qu’il déclenche une fonction. (seulement si c’est en dehors de la div parent) Ainsi, […]
Voici à quoi cela ressemble; $( “#box ul li” ).draggable({ helper: “clone” }); $( “.item” ).draggable({containment: “.door”}); $( “.door” ).droppable({ accept: “:not(.ui-sortable-helper, .item)”, drop: function( event, ui ) { $( “” ).html(ui.draggable.find(“img”)).appendTo(this); } }); L’utilisateur fait glisser l’élément $ (“#box ul li”) et le dépose sur l’élément $ (“. Door”). Et il l’ajoute à l’élément […]
J’ai plusieurs éléments glissables et largables sur ma page, qui ont des propriétés accept . Actuellement, mon code est configuré comme suit: $(“.answer.” + answer).draggable({ revert: “invalid” , snap: “.graph” }); $(“.graph.” + graph).droppable({ accept: “.answer.” + answer }); Par conséquent, si la réponse est incorrecte, sa position d’origine est rétablie. L’utilisateur doit également avoir […]
J’ai en fait deux questions, la dans le titre étant la principale. J’ai plusieurs éléments div sur la page marqués comme droppable. À l’intérieur de ces éléments div, j’ai des étendues marquées comme déplaçables. Je le souhaite afin que, lorsque vous faites glisser un élément et qu’il survole une zone droppable, cette zone est mise […]
Changer html quand déposer un élément dans la zone de repository. Quelque chose comme ça: http://the-stickman.com/files/jquery/draggable-sortable.html Mais quand je laisse tomber le changement d’élément placé html. Autre exemple: J’ai deux listes, une première liste déplaçable et une deuxième liste, lorsque je fais glisser un élément d’une première liste et que je dépose cet élément dans […]
J’ai une liste d’éléments qui peuvent être ajoutés à la liste des objects de sorting (existants). Lorsqu’un élément de repository est déposé dans les objects de classement, je souhaite le modifier. Je le fais en appelant l’événement drop de droppable. Mais il semble que cet événement drop soit également déclenché lorsque les éléments sortingables sont […]
J’ai un arrangement d’éléments sur une page: 1 2 3 4 5 6 Comment puis-je utiliser jQuery UI (Draggable / Droppable) pour faire en sorte que si une div est larguée sur une autre, elle permute les positions? (Et s’il est traîné ailleurs, il revient à sa position d’origine.) Merci.
Tout d’abord, je sais que cette question a déjà été posée, à la fois sur ce site et sur d’autres, mais les réponses sont toutes nulles pour mon scénario (s’ils ne le sont pas tout à fait), et (au moins pour la question ici: événement jQuery UI drop des .sortable sur sortingable ), la suggestion […]
Je travaille sur le violon dans lequel je veux constamment déplacer / redimensionner l’image (qui est elle-même redimensionnable / image déplaçable) sur la vidéo lorsque le navigateur est redimensionné . Les extraits de code HTML / CSS / JS que j’ai utilisés sont les suivants: HTML: CSS: .overlay { position:absolute; width:100%; height:100%; background:red; opacity:.5; display:none; […]
J’essaie de développer une petite page qui présente les fonctionnalités suivantes: Cette page aura deux divs: l’une étant #origin, contenant beaucoup de vignettes, et la seconde, #drop, où les images pourront être déposées (jusqu’à 3 seulement). il doit être possible de glisser-déposer les images de #drop à l’origine. #drop doit pouvoir être sortingé, car l’ordre […]