All Questions
76
questions
0
votes
0
answers
32
views
How do I create a draggable div that only accepts one at a time
I am trying to make an application that uses basic block coding.
How can I make it so it only accepts one draggable at a time? And detect what draggable is in the "editor" div?
Here is where ...
- 21
1
vote
1
answer
111
views
How can I type text after dropped content
I'm using jQuery UI draggable component to add to content editable
.This code works to find and I have little issues. The problem is when I dropped the draggable component as the last word of the ...
- 5,842
0
votes
1
answer
73
views
how drag and drop component as first word
I'm using jQuery UI draggable component to add to content editable .This code works to find and I have a little issue. The problem is I cannot drag and drop draggable component as first word, How can ...
- 5,842
0
votes
0
answers
174
views
Need assistance with Jquery UI Drag and Drop instance offset issue
I am working on a drag and drop feature and run into an issue with offset on dragable instance. for some reason when I use the following code below my drop area changes positions. Without the offset, ...
- 19
2
votes
1
answer
4k
views
On JQuery UI do one draggable connectToSortable multiple sortables
In JQuery UI, I have a draggable, It have an option connectToSortable as below:
$("#social li").draggable({
connectToSortable: '#form_builder_sortable',
helper:'clone',
revert:...
0
votes
2
answers
3k
views
How to get value of draggable element in jQuery?
I am using the jQuery to implement drag and drop. I want to get the value of the draggable control.
Draggable Control:
------------------
<li>@Html.Label(temp.Label, new { id = "droppable", ...
- 37
2
votes
1
answer
3k
views
Drag and drop: Draggable append to droppable
I have a project http://jsfiddle.net/x5T4h/566/ .
html:
<div class="dropable base">
<div class="draggable">Div1</div>
<div class="draggable">Div2</div>
<div ...
- 89
1
vote
0
answers
32
views
jump box when drag in another point how fix jump
Jump box when drag in another point how fix jump.
These are my codes here:
$('.box_reminded_pop,.boxing').draggable({
connectToSortable: ".line",
containment: '.day_table ',
});
When I ...
0
votes
1
answer
2k
views
how to stop drag event on double click in jquery
currently i am using jquery draggable function https://jqueryui.com/draggable/ .
$( ".myclass").draggable({ });
But i want to stop the drag event when the user double click on the dragging element ...
user5844810
1
vote
1
answer
2k
views
Draggable object goes outside the container when the window is resized
I try to made a custom scrollbar using the drag&drop/draggable function in JQueryUI
I made this JSFiddle:
http://jsfiddle.net/96k2ysbf/1/
HTML
<div id="scrollbar-zone" class="w85pc">
&...
- 997
1
vote
1
answer
132
views
Over event isn't propagated if nested droppable doesn't accept draggable under a certain scenario
The steps below are applicable to the jsFiddle shared below.
Steps:
Click on and drag Draggable 1 onto the inner droppable of Droppable 3. Continue to hold Draggable 1, do not release it.
Note that ...
- 48
1
vote
1
answer
64
views
Jquery droppable enabled on dblclick
Below is the rendered HTML from my MVC5 page. I need to to drag elements from #cardPiles and drop them into #cardDrop divs which works well.
Only one element can be dropped into each #cardDrop div ...
- 13
4
votes
1
answer
6k
views
how to make a div draggable and droppable
One thing left in my project was to make the two divs draggable and droppable simultaneously. Now I have the working code of divs that can be dragged and dropped but for example I can drag a div from ...
- 209
1
vote
0
answers
58
views
drag "div1" then drop into "div2" open link
Good Day All
Please Help...
I want to drag div id="box1" into div id="box2" or div id="box3"
Then what I need help with is that "on drop" next page(link) opens.
Code:
<script>
...
- 11
1
vote
1
answer
2k
views
JQuery drag and drop elements onto div
I am using JQuery UI, more specifically Draggable and Sortable.
At the moment, I have the following markup
<div class="col-lg-3" id="ddForm">
<div class="panel panel-default">
...
- 2,825