Stack Overflow
Stack Overflow

Questions tagged [jquery-ui-draggable]

The jQuery UI Draggable plugin makes selected elements draggable with mouse movement.

The Draggable plugin makes the selected elements draggable with mouse movement.

Enable draggable functionality on any DOM element. Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.

Best part is that it is very easy to use. See this example:

<script>
    $(function() {
        $( "#draggable" ).draggable();
    });
</script>

For more information visit- jQuery UI - Draggable Demos and the API Documentation

Related Tags

1817 questions
0
votes
1 answer

Jquery draggable jumps on click in Chrome

I have an issue with jQuery draggable. I have two images in a div with a background image. I can click and drag OK in Firefox but in Chrome they both jump to the top left of the div. If you click and drag again it works OK.
Pete Naylor
  • 776
  • 2
  • 14
  • 33
0
votes
1 answer

Disable draggable for each element using :lt(3) Selector

I have the following working code: $stock.click(function () { $waste.append($stock.children('.container:lt(3)').card('upturn').droppable('disable').css( "left", function(i) {return ["0rem", "2rem", "4rem"][i];}) ); //3 divs }); This code adds…
Maurice
  • 1,147
  • 2
  • 21
  • 49
0
votes
1 answer

jQueryUI Scroll Issue with IFrame

There is already a similar question asked but there is no response(Draggable JQuery UI scroll issue when using within iframe). I want scroll to work for the draggable object in IFrame. Please suggest. Here is the jsFiddle -…
Manoj Sethi
  • 1,898
  • 8
  • 26
  • 56
0
votes
1 answer

Jquery - how to set overflow to scroll for draggables with multiple droppables

I have four droppable divs on the page. In addition, I have a number of draggables that can be dropped into each droppable. If I drop enough draggables into a droppable then it overflows. What I want to do is enable overflow-y: scroll; on that…
bwash70
  • 1,135
  • 2
  • 11
  • 24
0
votes
1 answer

Draggable and droppable by clicking element. Sorting the droppable table without adding more element

I used bootstrap css and JqueryUI to create a list in draggable
0
votes
1 answer

jQuery UI Draggable/Droppable

I am using jQuery UI to drag and drop a list of items and call Ajax to update DB. It works perfectly till the item text length is less than 50 characters and fails if greater than this. Is there a workaround to fix this?
K A
  • 27
  • 8
0
votes
1 answer

jquery web form builder

I'm searching some jquery-ui (or smth similar) library for creating webform by drag&drop. Just to build some kind of XML (with form fields metadata inside) as output smth like this one. It's cool, but it's developing just by 1 man and there are a…
IHadzera
  • 11
  • 2
0
votes
1 answer

how do I drag an object between angular ui-router views

Hello I'm trying to drag an object between two ui-router ui-view elements one ui-view element is the main 'canvas' and the other element is a right hand pane that had some or tags. I got the objects draggable using angular-drag drop. However, when…
ThinkBonobo
  • 15,487
  • 9
  • 65
  • 80
0
votes
3 answers

How to detect element collision between any two jQuery draggable divs out of many?

I have many div's that are basically identical and are spread across the screen. Each one is jQuery draggable on the x-axis. You could imagine it as a ui-slider with many handles. How can I write a function that will check whether when anyone of the…
Beno
  • 127
  • 1
  • 8
0
votes
1 answer

jQuery Draggable restrict drag on Y axis for 100 pixels before unrestricting

I am editing a Tower of Hanoi game, where a user can drag discs from one peg to another peg. The plugin I found is using jQuery UI draggable/dropable to accomplish this. I want to edit the plugin to implement functionality where the user has to…
cfnerd
  • 3,658
  • 12
  • 32
  • 44
0
votes
1 answer

Having problems with draggable clone object

I am digging from past 5-6 hours and really in trouble . I am facing issues with draggable objects . What I am trying is I have a popup that is containing 18 small draggable divs . I need to drag one by one those draggable items from the popup and…
Tushar Raj
  • 761
  • 6
  • 20
0
votes
1 answer

jQuery UI Draggable Limitations Containment

I have two divs, the parent is smaller then it's child. I want to have the child's drag limit to the border of the container. However, this does not seem to work with the usual containment object. How could I do this properly? Example:…
Enzio
  • 377
  • 4
  • 15
0
votes
1 answer

Shapeshift I can't clone item again after removing it's clone

I need following functionality with shapeshift plugin: After moving item from containerB to containerA confirmation box apperas "Do you really want to duplicate?" When clicking "No" or outside this box cloned item is removed. I should be able…
css-candies
  • 574
  • 6
  • 9
0
votes
1 answer

Shapeshift doesn't set positions when located inside bootstrap tab

I'm using shapeshift for drag & drop options, and one of the containers is hided inside bootstrap tab. Shapeshift is initialized there, but doesn't set items to positions till first drag of item. JSfiddle with this bug:…
css-candies
  • 574
  • 6
  • 9
0
votes
1 answer

.draggable(); functionality not working

The code: Project 507
B.Liu
  • 187
  • 1
  • 12
1 2 3
…
99 100