Tag: jquery ui droppable

准确降低可缩放div上的可拖动元素: 问题我有一个小问题拖动元素到一个可伸缩的div容器。一旦元素实际上在容器中，元素就会很好的拖拽，并按照它们应该的方式工作。拖到可伸缩容器上的较大元素没有太多问题。但是，当拖动较小的元素时，可以看到鼠标不再附加到所述元素上，并且当它被放下时，它会掉落一点。我正试图find一个解决scheme，我的鼠标停留在元素上，并且掉落在应该放置的地方。我已经解决了一点一滴的问题，你可以在下面看到，但这是让我疯狂的难题的最后一块。如果有人有时间伸出援助之手，将不胜感激。这是一个codepen – 单击并将两个蓝色的元素拖到白色的容器来尝试一下 Codepen 全屏幕视图行动中的短GIF 这将有助于确保可放置区域与缩放容器一起使用。 $.ui.ddmanager.prepareOffsets = function(t, event) { var i, j, m = $.ui.ddmanager.droppables[t.options.scope] || [], type = event ? event.type : null, list = (t.currentItem || t.element).find(":data(ui-droppable)").addBack(); droppablesLoop: for (i = 0; i < m.length; i++) { if (m[i].options.disabled || (t && […]

用jQueryUI拖动可拖动的对象: 我想要使用jQuery的可拖/放，让用户select一组对象（每个对angular有一个checkbox），然后将所有选定的对象作为一个组… 我无法弄清楚我的生活如何做到这一点哈哈。这是我想的将导致一个可用的解决scheme，在每个可拖动的对象，使用start（）事件，并以某种方式抓住所有其他选定的对象，并将其添加到select 我还在考虑只是为了提高性能，将拖拽的对象看起来像一组对象（它们是图像，所以可能是一堆照片）。如果一次拖动几十个对象，我认为使用可拖动function可能会失败，这听起来像是一个更好的主意吗？

jQuery Droppable，获取元素丢弃: 希望有一个简单的答案的小问题，我使用jQuery拖动和droppable放置项目到docker。使用下面的代码来放置。 $("#dock").droppable({ drop: function(event, ui) { //Do something to the element dropped?!? } }); 然而，我找不到一个方法来获取实际放弃的元素，所以我可以做一些事情。这可能吗？

当我制作一个可拖动的克隆并将其拖放到可拖放状态时，我不能再拖动它: 当我制作一个可拖动的克隆并将其拖放到一个可拖拽的位置时，我不能再拖动它。我怎么做？其次，我只能弄清楚如何.append添加克隆到droppable。但是，在任何现有元素之后，它会捕捉到左上angular，而不是放置位置。 $(document).ready(function() { $("#container").droppable({ drop: function(event, ui) { $(this).append($(ui.draggable).clone()); } }); $(".product").draggable({ helper: 'clone' }); }); </script> <div id="container"> </div> <div id="products"> <img id="productid_1" src="images/pic1.jpg" class="product" alt="" title="" /> <img id="productid_2" src="images/pic2.jpg" class="product" alt="" title="" /> <img id="productid_3" src="images/pic3.jpg" class="product" alt="" title="" /> </div>