draggable

问题 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 paragraph. I cannot type text after that dropped component. and the second issue is, I need to disable contentEditable option from words (span with removable option), to achieve that I add this code ($('.b').attr('contentEditable', false);) inside $("p.given").blur event. It works fine. I need to do

问题 I have a jquery ui draggable div, and the HTML contents do not behave normally because of the draggable. <div id="popup"> <!-- this popup is draggable --> This text is not selectable. When I try to select it, the popup div is dragged. <div style="overflow:auto; height:50px"> Lots of text here, vertical scrollbar appears. But clicking the scrollbars don't work (doesn't scroll the content). Each click (mousedown-mouseup) is considered "dragging". </div> </div> How do I prevent the draggable ui

问题 Is it possible to modify the clone helper that jQueryUI creates with draggable element? I don't want the exact clone as the helper, I just want something similar to it. 回答1: For the helper option, instead of clone , use a function that returns a DOM object. Make this object "similar" any way you like. Something like this: $('.selector').draggable({ helper: function(){ var foo = dom_object_you_create_or_specify; return foo; } }); References: jQuery UI Draggable 来源： https://stackoverflow.com

问题 Is it possible to modify the clone helper that jQueryUI creates with draggable element? I don't want the exact clone as the helper, I just want something similar to it. 回答1: For the helper option, instead of clone , use a function that returns a DOM object. Make this object "similar" any way you like. Something like this: $('.selector').draggable({ helper: function(){ var foo = dom_object_you_create_or_specify; return foo; } }); References: jQuery UI Draggable 来源： https://stackoverflow.com

问题 im trying to collect the positions of multiple draggable elements using jQuery UI. At the moment I can get the position of one element, but when I move around another, both positions change. Please can someone assist me in getting the separate positions of multiple draggable items. http://codepen.io/anon/pen/nLGIl HTML <div class="dragThis" id="box-1"style="top: 100px; left: 50px;" > <h2>Test 1</h2> <p>This is a test</p> <ul> <li class="posX"></li> <li class="posY"></li> </ul> </div> <div

问题 I am developing a MVC application wherein I have to implement Drag n Drop functionality. I also want to get the source as well as target items/ records in the table/ div once the item is dropped on a target place. Then both the source and target values will be passed to the action method defined in the controller to update the same in the database. Can anyone please suggest some links? 回答1: Use http://api.jquery.com/serialize/ to pass your data and jQuery UI sortables http://jqueryui.com

问题 On page jqPlot there is an example of dragging data point on jqPlot chart. How can I submit (e.g. with jQuery ajax) to server changed values? Are changed (current) values stored somewhere in jqplot object? 回答1: The hardest thing here is knowing when the user drags a point, not getting the data afterward. I recommend you use a postDrawSeries hook like so: $(document).ready(function () { // set up plot $.jqplot.config.enablePlugins = true; s1 = [['23-May-08',1],['24-May-08',4],['25-May-08',2],[

问题 OK it's getting awkward, already searched and tried for about 5 hours and I'm just running in circles... The scenario is easy: It's the header image of a user profile, it can be dragged into an position and then the top position of the image get's saved into a DB. Thanks to Beetroot-Beetroot's "containment: 'parent'" I am down to this piece of code, which actually reacts as I want it to! Except for one big problem. The Picture just jumps either to the top or the bottom. There is no smooth

问题 I was asked to create a grid of squares, where each square may or may not contain a link and these links should be able to be moved about the grid. I figured that draggable/droppable would be the way to go and it works fine, however, now we want to be able to have the draggables swap about if one is dropped on top of another. So it looks now like sortable would have been the way to go. However, sortable looks more like it's meant for lists whereas I haven't written it like a list. Is there an

问题 I’m not asking for givemesamplecodenow responses, just a nudge in the right direction would be much appreciated. My searches haven’t been any good. I have a UIButton that I am able to move freely around the screen. I would like to limit the drag area on this object so it can only be moved up and down or side to side. I believe I need to get the x,y coordinates of the boundaries and then restrict movement outside this area. But that’s a far as I have got. My knowledge doesn’t stretch any