jquery-ui-droppable

问题 I actually have two questions, the on in the title being the main one. I have multiple div elements on the page marked as droppable. Inside these div elements I have spans that are marked as draggable. I want it so when you are dragging an element and it is hovered over a droppable area that area either highlights or has a border so they know they can drop it there. As secondary question, all my draggable elements have a display:block, a width and a float on them, so they look nice and neat

问题 with jQuery droppable, I have multiple draggables and droppable as well. Only one draggable should be allowed to be dropped on an element at a time. However, after dropping, the draggable should be given the dragging capability again. The problem I am facing is that multiple draggable can be dropped on one element. My code follows: <div id="draggable_all" style="float: left; width: 300px;"> <div class="draggable">drag1111</div> <div class="draggable">drag2222</div> <div class="draggable"

问题 I have a list of elements that can be dropped into a list of (existing) sortables. When a droppable element is dropped into the sortables, I want to modify the element. I do this by calling the drop event of droppable. But it seems this drop event is also fired when the sortable elements are sorted inside sortable. And I only want to modify the dropped element when dropped-in from the outside. $('#sortable').sortable().droppable({ // Drop should only fire when a draggable element is dropped

问题 I am working on the fiddle in which I want to constantly move/resize image(which is itself resizable/draggable image) over the video when the browser is resize . The snippets of HTML/CSS/JS code which I have used is: HTML: <div id="wrapper" style="display:inline-block"> <img id="image" src="http://www.google.com.br/images/srpr/logo3w.png" /> </div> CSS: .overlay { position:absolute; width:100%; height:100%; background:red; opacity:.5; display:none; } JS: $(function() { $('#wrapper').draggable

问题 Firstly, I know this question has been asked before, both in this site and others, but the answers are all rubbish for my scenario (if they're not rubbish entirely), and (at least for the question here: jQuery UI drop event of droppable fires on sortable), the suggestion is just to turn off .sortable entirely, which is most certainly not what I want to do. Okay, I have this jquery (keep in mind if any options or html ids look silly, this is just for testing so I can try and figure this out):

问题 My apologies if this was answered in another question, I could not find an answer specific to my problem! I'm trying to test whether a jQuery draggable is being dropped outside of a legal droppable. This would normally be solved 90% of the time by reverting the draggable, but I don't want to do that. Instead, I want to do one thing if the draggable is dropped onto a droppable (working great!), and something else if it is dropped outside of all possible droppables (currently getting the better

问题 Im trying to develop a small page that has the following functionality: Page will have two divs: one being #origin, containing a lot of thumbnail images, and the second one will be #drop, where the images can be dropped on (up to 3 only). it needs to be possible to drag-drop the images from #drop back to origin. #drop needs to be sortable, since the order of the 3 selected images matter. When dropped on #drop, the images should align, as if they had original been displayed like that from the

问题 I found this question in jQuery UI demos.If you downloaded the jQuery UI,and so it located in "demos/droppable/photo-manager.html". In this html page,there were several tags showing the delete icons in photo div.These tags' property named "href" are URLs,but it would call functions after clicking the tags. URLs->functions?How to do that? 回答1: You can attach a click event to a link and null the browser's default behaviour. HTML <a href="http://example.com">Example</a> jQuery $('a').click

问题 Here, is my fiddle for jquery drag, drop and clone feature. Problem: My problem is: when ever I drop element, it is showing: position: {top: 0, left: 0} only for draggable, clone and droppable element. I have also written code for finding position using only draggable function and that is working fine. I want this behavior in draggable, droppable with clone feature Please visit JSFiddle fiddle full-screen output 回答1: Finally, resolved the problem. The problem was, I was using ui.draggable

问题 I used the search and have not found an answer to my problem even if I've seen the same problem on other issues. I need that ".draggable" scroll '#div1' when you introduce the element. I put the jsFiddle: http://jsfiddle.net/carlosnufe/7Rxst/ jQuery: $('.draggable').draggable({ appendto : "#div1", helper : "clone" }) $('#div1').droppable({ scroll: true, }); HTML: <div id="div1"> <div class="demo"></div> <div class="demo"></div> <div class="demo"></div> <div class="demo"></div> <div class=