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
2
votes
0 answers

jQuery-ui-draggable-collision not working with jQuery-ui 1.11.2

I'm using the JQuery UI Draggable Collision plugin. When I change the jQuery UI from 1.9.2 (in the plugin examples folder) to the latest 1.11.2, the dragging stops working. The same symptom can be seen here jsfiddle.net/MrAdE/11/ if you change the…
ca2s7l
  • 273
  • 1
  • 5
  • 12
2
votes
1 answer

how to adjust div width based on other div postion

I have two div's one is div-content(red color) and second is div-content2(yellow color).div-content size is 0 to 50% and div-content2 size 50% to 100%. Now In my screen 50% div-content and 50% div-content2 I need div-content1 drag left to right…
IOS Developer
  • 25
  • 1
  • 9
2
votes
0 answers

jQuery draggable - trigger function when dragged left/right

How do I make it so when dragging left or right, the corresponding div/"button" in the slider navigation follows the same pattern? The jQuery for the dragging function is listed below. var slideWidth = $('#mySliderContainer').width(); var…
Andrew
  • 241
  • 1
  • 4
  • 12
2
votes
2 answers

Jquery Draggable Throwing error

Hi following is my code Snippet. What i am trying to do is that i want to find img within the image_div and attach draggable event to it. $(function() { jQuery('#image_div').each({ $(this).find('img').draggable({revert:…
noobie-php
  • 6,817
  • 15
  • 54
  • 101
2
votes
1 answer

how to drag only child elements inside nested ul tags using jquery ui draggable

My list is something like this
  • Parent1
      child1
  • Parent2
      child2
      …
Sukanya Moorthy
  • 109
  • 1
  • 2
  • 10
2
votes
0 answers

JQuery UI Draggable & Droppable "Revert" and "Out" conflict

I am trying to make it so that multiple items that are draggable can only be dragged to 1 droppable. If dropped outside of a droppable then revert. Most of my code works except for one bug: User drags the item into the droppable. Then drags out…
Armin
  • 373
  • 1
  • 9
2
votes
2 answers

JQuery Draggable: How do I make a draggable element snap to the inner-top of a div?

The question is pretty self explanatory. I can snap it to all sides of a div with "snapMode:'inner'" but not just the top. Can anyone think of a workaround? $('.draggableThing').draggable({ snap:'.row', snapMode:'inner',//should say…
Nick Manning
  • 2,828
  • 1
  • 29
  • 50
2
votes
1 answer

Jquery UI draggable and droppable - scopes

From reading a couple of simple questions it seems as though my problem may be that a DOM element cannot have more than one JQuery UI Droppable scope. I was wondering if someone could confirm this or maybe suggest a workaround? For example I have a…
WheretheresaWill
  • 5,882
  • 7
  • 30
  • 43
2
votes
2 answers

jquery drop div on multiple droppable tds but use only highest

I'm quite new to JavaScript and JQuery and hope you can help me with my problem. I want to drop a div over several smaller tr and get the highest one covered by the div. But it seems that JQuery selects the tr at the center of the div. Is there an…
Rikan
  • 155
  • 9
2
votes
3 answers

Jquery Draggable When Clicking on DIV or its Children

Is it possible to enable dragging when the mouse is clicked on the children of a div and have it drag the parent? In this example I am trying to get the draggable to work for both the div and the select. When you click on the select and try to drag…
user1167466
  • 333
  • 1
  • 4
  • 14
1
vote
0 answers

Draggable not working after using jquery load function

I'm creating a html builder for my project which including importing a template and edit via drag and drop. I used jquery's load() function to import template to my console page. But after the load function is completed,the draggable become…
Ditto P S
  • 141
  • 4
  • 15
1
vote
1 answer

Draggable object - dragging from title

I have this HTML popup object I made it draggable with jQuery. Now I can drag this popup from any point in the object, which causes problems with the scrolling - if I try to scroll by dragging the little rectangle inside the scrollbar - it drags…
TamarG
  • 3,522
  • 12
  • 44
  • 74
1
vote
3 answers

Remove cloned image after adding another image with jQuery UI

I have a nice solution from my previous question that successfully clones images after being dropped. Here is the code: $(function() { var makeDraggable = function(element) { element.draggable({ revert: "invalid", appendTo:…
Saifullah Alam
  • 301
  • 2
  • 11
1
vote
0 answers

Contextmenu and DragnDrop on right click using jquery easyUI

I have integrated jQuery easyUI plugin for Treegrid (editable and drag n drop feature). All the features has been successfully implemented. There's one feature of behaving as "When a user right click it should the "Custom Context menu" that is done,…
Prashant Kankhara
  • 1,498
  • 4
  • 15
  • 30
1
vote
0 answers

How to use droppable function of jQuery to a transformed div?

$(function(){ $('#dragTbl tr').draggable({ cursor:"move", zIndex: 100, cursorAt: {top:20, left:38, bottom:15 }, iframeFix: true, helper: function( event ) { return $( "
"+…
Srilakshmi B S
  • 21
  • 1
  • 5
1 2
3
…
10 11