Ist es möglich, die Rücksetzposition eines jQuery UI Draggable-Helfers zu bearbeiten? Zum Beispiel habe ich Symbole, auf die der Benutzer klicken und in Gruppen auf der Seite ziehen kann. Wenn der Benutzer auf ein Symbol klickt und mit dem Ziehen beginnt, wird eine Hilfsmitteilung direkt unter dem Cursor angezeigt und folgt dem Cursor, solange der Klick weiterhin erfolgt. Wenn der Helfer in eine Gruppe fällt, verschwindet er. Wenn der Helfer nicht in eine Gruppe fällt, kehrt er mit der Rückstellung zu seiner ursprünglichen Position zurück: 'ungültig'. Meine Frage ist, kann ich diese ursprüngliche Position des Helfers bearbeiten? Es scheint, immer wieder auf die absolute Position von links: 0 und top: 0, aber ich kann nicht herausfinden, wie diese Werte bearbeiten. Ich muss die Rückkehrposition bearbeiten, um ungefähr 300px mehr nach links zu sein.jQuery UI Draggables - Change Revert Position?
0
A
Antwort
0
Sie können versuchen, das ziehbare Element neu zu positionieren, sobald der Ziehvorgang gestartet wurde. Wenn das Element freigegeben wird, wird es an die ursprüngliche Position zurückkehren und dann an die neue Position springen - ich habe nicht herausgefunden, wie ich das umgehen kann funktioniert
$(document).ready(function(){
$(".dragMe").draggable({
helper : 'clone',
revert : true,
start: function(e,ui){
// when starting the drag, reposition the element
$(this).hide().css({ position: 'relative', left: '-300px', top: 0 });
},
stop: function(e,ui){
$(this).show();
}
});
$("#dropBox").droppable({
drop: function(e, ui) {
ui.draggable.appendTo($(this)).show()
// reset the position of the element to zero (so it fits in the drop box)
.css({ position: 'relative', left: 0 })
ui.helper.remove();
}
});
})
Verwandte Themen
- 1. jQuery Draggables und Droppables Positionierung
- 2. Draggables Jquery UI, deaktivieren Sie einzelne div auf ablegen
- 3. jQuery UI Sortierbare Position
- 4. jquery Zähler für draggables (noch mehr !!!)
- 5. Scrollen durch jQuery UI Draggables auf Touch Devices Trigger Ziehen
- 6. Change WebView Position Cocoa
- 7. jquery change div text
- 8. jQuery UI .position() zur dynamischen Anpassung
- 9. JQuery UI Draggable, wie Drag-Start-Position
- 10. jquery-ui sortierbarer Platzhalter falsche Position
- 11. Wie ändere ich jquery ui datepicker position?
- 12. jQuery UI-Position bleibt auf Element?
- 13. JQuery UI Datepicker IE Position Problem
- 14. Jquery-ui Position des ziehbaren Elements speichern
- 15. jquery ui map update cluster position
- 16. jQuery-UI-Position nicht, wenn die Scrollbar
- 17. Jquery-ui droppable erstellt unerwünschte negative linke Position
- 18. Frage zur Verwendung spezieller Variablen in Funktionen für jquery UI/Draggables
- 19. So deaktivieren Sie Draggables in script.aculo.us
- 20. jquery UI ziehbar mit Live
- 21. wie die Position einer jquery UI basierend auf der Bedingung zurückgesetzt werden kann
- 22. Disable draggables auf Drop
- 23. .change() Jquery funktioniert nicht
- 24. jQuery change placeholder Textfarbe
- 25. change css mit jquery
- 26. jQuery 'change' event
- 27. jquery change menü Glitch
- 28. jQuery: Change Date Format
- 29. JQuery Click versus Change
- 30. Jquery Change-Klasse
[Diese] (http://Stackoverflow.com/a/16856831/830988) Antwort auf eine andere Frage macht genau das, was Sie wollen. Leider, für den Fragesteller der anderen Frage, tut es das Gegenteil von dem, was sie wollen. – Eva