Stack Overflow
Stack Overflow

Questions tagged [jquery-draggable]

Jquery-draggable is a jquery interface to enable draggable functionality on any DOM element. Move any draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.

Jquery-draggable is a jquery interface to enable draggable functionality on any DOM element. Move any draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.

162 questions
1
vote
2 answers

make a div draggable on if condition is true?

I have a div which should be a draggable. Below is the code, $( "#SpeedDraggable" ). draggable ({ axis: "y", containment:'parent', drag: function(event, ui) { var Startpos = $(this).position(); …
swati
  • 129
  • 1
  • 18
1
vote
1 answer

Dragging different image on drag of a particular image using jquery

I am developing a html5 telematics app. My requirement is that i have a master window and on drag (open/close) of that, other windows should get dragged (open/close). Kindly help me know how could this be done. Below is my code var…
swati
  • 129
  • 1
  • 18
1
vote
1 answer

adding jquery features to tag in html file

I am working on html5 app development using Jquery n css. i am creating a image under a div tag as shown below
Now i want this image -imgFrontRight to be draggable with…
swati
  • 129
  • 1
  • 18
1
vote
1 answer

How to keep zoomed image in bounding box

Im using jQuery and jQuery UI to zoom an image. There is a container div with a fixed size and then an image that is much larger that this that is draggable within that container. The slider that is below controls the zoom level of the image, this…
mcspeccy
  • 11
  • 2
1
vote
1 answer

Alert trigger after multiple drop events

I gotta admit, I am pretty much a noob, but I have been struggling with this one. I've got to trigger the if after both drops have happened, right now it triggers on load. What am I missing there? $(function() { $( "#draggable" ).draggable({ …
rudolf
  • 61
  • 1
  • 7
0
votes
1 answer

Get the elements id already in the droppable div

I know there are lots of questions somewhat related to this, but as I am new to jQuery html, Can't figure out how to do this. I have a div container(which has already some elements(div) inside it) and I am dropping other divs inside it. What I want…
ZAFFY
  • 1
  • 5
0
votes
1 answer

How can i tell if an draggable element is dropped on another draggable element, with Jquery?

I'm using Jquery "draggagle" & "droppable". When i drop an draggable element on another draggable element i'd like to change the background-color of the element in the bottom. (Not the dropzone) Some kind of "mouseover", but "elementover" :) What…
Björn C
  • 3,860
  • 10
  • 46
  • 85
0
votes
1 answer

How to set width and height to draggable image?

function login_callback() { //alert("You are successfully logged in! Access Token: "+instaAccessToken); var url = 'https://api.instagram.com/v1/users/self/media/recent/?access_token='+instaAccessToken; $.get( url, function( data ) { …
isuru
  • 3,385
  • 4
  • 27
  • 62
0
votes
1 answer

How to move selected elements using arrow keys

jquery ui draggable does not allow to use arrow keys in keyboard to move elements. Only mouse can used. For this keyboard event handler is created using $(".designer-panel-body").keydown(function(e) { switch(e.which) { case 37: // left …
Andrus
  • 26,339
  • 60
  • 204
  • 378
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
2 answers

selected added div be draggable

I want my added div be draggable. I can do it by adding $("div[id^=new-text]:last").draggable(); But this is not work. My complete example link This is the code: var count=0; $(function() { $(".add-new").click(function() { …
ArturDvorak
  • 51
  • 1
  • 1
  • 7
0
votes
1 answer

jQuery UI Draggable Snap Restore not working

I'm in the proccess of building a window manager for a project i'm working on this window manager uses jQuery UI Draggable and Resizable and for the most part i have it working. The problem i seem to be having is with a feature that i need to…
Barkermn01
  • 6,781
  • 33
  • 83
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
2 answers

Nested Drag, Swipe using jQuery

Folowing code is for nested swiping/dragging, parent and child both are draggable. P1... It's working nice but with one lovely problem, if we drag the parent alone it works perfectly. But when we drag draggable child the parent also gets dragged…
kanudo
  • 2,119
  • 1
  • 17
  • 33
1 2 3
…
10 11