draggable

问题 I'm using the jQuery tableDnD plugin to make a drag-and-drop list out of a table displaying a list of images for the user to rearrange. The plugin uses an ID on the tag of the formatting table to rearrange the cells. When I drag and drop specifically clicking on a spot inside the table cell with no images/content, it works fine. However, when I click on the image (or inside a div containing text) withgin the table cell and try to drag+drop, the text/image gets selected and the rearrange

问题 I have two divs that contain multiple divs and can scroll. I have a vertical div that has the draggable on the contained divs. My horizontal div is sortable and I connect the draggable to it via the connectToSortable. The horizontal sortable can scroll horizontally when rearranging items. However if I drag from the vertical to the horizontal it will not scroll the horizontal div like when I do a pure sort. I have already read all the entries here for scrolling a div with plugins like scrollTo

问题 Working with jQuery-UI, it is possible to make an element draggable by applying .draggable() method on mousedown event. And then drag it on another mouse press (and drag). Is it possible to make element draggable and start dragging immediately by single mouse press (mousedown event). What happens : 1) press blue rect and try to drag (element not movable); 2) unpress rect and try to drag again (element is movable). What should happen : 1) press blue rect and drag it --> element is movable. <

问题 I have been trying to find a tutorial but had had no luck. I'm not asking anyone to do the work for me but more to see if anyone knows anything useful. so basically i need my slider to to have a minimum value of zero and a dynamically set maximum value (getting the dynamic value is not an issue). 0 -------------------o------------------ 200 So the 'o' in the middle would be your clickable sliding element. I need it to output in a box to the right the number that you are on. So in this example

问题 I'm trying to get X, Y coordinates while I'm dragging my button, but for some reason, the code bellow attached on touch listener triggers only twice instead of constant update while dragging, even with trothing I will be satisfied in order to improve performance, but as I said, onTouch method triggered just on action down, and one more time later. This is my code: final Button dragBtn = (Button) findViewById(R.id.MyTestButton); dragBtn.setOnTouchListener(new View.OnTouchListener() { @Override

问题 I am trying to implement a drag-and-drop image upload. I found a rather simple script online and adapted to my use. On my local installation the file uploads perfectly fine, but not on the server. From my debugging attempts the $_SERVER['HTTP_X_FILENAME'] does not even get set by php. I tried the following: - Making sure that the upload folder is set to 755 - Changing the php temporary upload path and increasing the maximum allowed file size No php or js errors of any kind occur. Since I have

问题 I'm new to jQuery and jQuery UI. I'm trying to move a div from a parent div to another. So far, My "article" is draggable. The "droppable" stock properly identifies the article as it's move above it, but I can't seem to find how to attach this article to the stock . I think I'm manipulating a "div encapsulating in a jQuery object", but I'm a bit lost here. <div id="shelf" class="shelf"> <div class="article">article</div> </div> <div id="stock" class="stock"> </div> Then I have a script that's

问题 When I resize the first div it causes the next div to jump 'up' the column. To recreate: top div drag the resize handle. jQuery $(function() { $('.portlet').draggable({ grid: [25, 25] }).resizable({ grid: [25, 25] }); }); Layout <div class="portlet" id="P2"> <div class="portlet-header"><h3>News</h3></div> <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div> </div> <div class="portlet" id="Div1"> <div class="portlet-header"><h3>Feeds</h3></div> <div class

问题 I have 4 divs in a container div. I want to be able to drag the contents of the four divs vertically but also be able to drag the container for all four divs horizontally. Something like the following.. Or as seen here: http://jsfiddle.net/PuVCz/ Problem is you can drag the first two divs up and down when you click inside them and the whole lot left and right when you click inside the 2 right empty divs but you can't move the whole lot horizontally when you click in the first two as jquery

问题 I am not sure what's going on, but I have 2 very simple examples set up to show what I am asking. Both examples have a 'g' that contains a 'rect' and 'text'. In the 1st example, I am setting up drag on the 'g' itself, i.e., if you mousedown anywhere in that group and drag, it will drag the entire thing (both 'rect' and 'text') around the viewpoint. http://jsfiddle.net/wup4d0nx/ var chart = d3.select("body").append("svg") .attr("height", 500) .attr("width", 500) .style("background", "lightgrey