Questions tagged [jquery-ui-draggable]
The jQuery UI Draggable plugin makes selected elements draggable with mouse movement.
jquery-ui-draggable
1,806
questions
0
votes
0
answers
12
views
Cannot re-enable droppable after disabling it
Cannot re-enable droppable after disabling it
I want to make draggable divs which can be dragged into empty parent divs. Each parent can only accept one draggable. To do this, I disable the droppable ...
0
votes
0
answers
21
views
JQuery - Drag, Drop and Sortable
I have containers and container items, I want to implement the following features:
Items can be dragged and dropped between containers (1)
Items can be arranged inside the container (2)
An item can ...
0
votes
1
answer
182
views
Getting JQuery UI Draggable to snap to a specific grid (with a twist)
I am currently trying to apply a "drag and drop" - functionality to a bunch of elements using jQuery and jQuery UI. It should be noted, that the elements should always snap to a specific ...
0
votes
0
answers
11
views
Drop element at the cursor location of a background table but, the middle of element's cell is detact, need top cell of the element will show
I have some long draggable elements that I can drop in all cells of a background table. When I start dragging this kind of element hover my droppable containers (the cells of my table), the middle of ...
1
vote
0
answers
441
views
how can i freely sort cards in drag and drop layout - jquery bootstrap - where multiple cards can be placed in one row across multiple columns
i want to have drag and drop sortable layout for my bootstrap cards. i did dowith sortable jquery plugin but it is draging and droping in a row. i want that if i have card 1 that is bigger height col-...
0
votes
1
answer
78
views
How to fix the offset when jquery-ui set center align element draggable?
here's the vertical center align element draggable example:
<html>
<head>
<style>
#draggablediv {
width: 100px;
height: 100px;
...
0
votes
1
answer
32
views
delete the original item from the DOM after drop using jquery
Hi I am using jquery sortable and drag to remove item. The item can be drag but it didn't stay on the dropping position. Would you tell me how to do it.
There is my code:
$(function() {
$("#...
0
votes
1
answer
32
views
Cannot move row to the table without row
I have two tables and can move the table to each other. There is a issue . After all rows remove from table1 to table 2, it cannot move row from table2 to table1. Would someone tell me how to fix it. ...
0
votes
1
answer
56
views
Jquery-ui draggable and droppable components inside an 'ul' tag - how to handle overflow?
I am trying to create a node graph where users can drag and drop components into areas using jQuery-ui. The components are limited, and users need to drag and drop them into areas defined by 'ul' tags....
0
votes
0
answers
112
views
Get value from multiple elements dynamically created, (editable, drag and drop)
I am using Jquery to drag, drop and edit some content. I use a very nice Jquery codepen (https://codepen.io/social_quotient/pen/xxXxZq)
For my personal need, I want to be able to send all created ...
0
votes
1
answer
228
views
How to get the dropped element in a jquery sortable list [duplicate]
I have two unordered lists, and I want to be able to drag copies of any element in the first list, to a new second list. When the item is dropped, I want to access that element, in order to add it to ...
1
vote
1
answer
125
views
How to workaround Firefox's Blocking "draggable" functionality when Controls are visible
Firefox is causing a problem with a video media control where if the controls are enabled then you can't drag the media see this link an extract identifies the problem.
If the user agent exposes a ...
1
vote
1
answer
409
views
JQuery UI change draggable snap position based on another elements
I have an bunch of draggable elements, that are absolutely positioned on an "artboard". Users can edit these elements, and also drag them.
Most important thing that user can lasso-select or ...
0
votes
1
answer
45
views
Guides when resizing jquery-ui-resizable boxes
I'm trying to show guides while resizing boxes, based on this answer.
$('.resizable').resizable({
start: function( event, ui ) {
guides = $.map($('.resizable').not(this), ...
0
votes
1
answer
186
views
More modern version of jQuery UI Draggable component?
I have a .NET Razor Pages application and need draggable/sortable functionality.
I found the jQuery UI Draggable/Sortable component. I actually used this many years ago and it worked fine.
But the ...