Tag: droppable

使用网格恢复’无效’不会返回到jQuery UI Draggable的起始位置: 简而言之，如果你使用draggable与网格并设置revert：’无效’在可拖动的项目上，它们不会返回到你开始拖动它们的完全相同的位置。他们回到你开始拖动它们的地方附近……非常奇怪。这可能是UI中的一个错误。如果是这样，有人知道是否有解决方法吗？示例： http ： //jsfiddle.net/n2AUv/11/ 谢谢！约翰。

克隆对象不可删除: 我正在尝试使用Jquery克隆可放置的对象，但克隆的对象不可放置。 $(document).ready(function(){ $(“input[value=’Add’]”).click(function(e){ e.preventDefault(); $(“div.field:last”).clone().insertAfter(“div.field:last”); }); $(“.field”).droppable(); HTML Last Name First Name Last Name First Name Firebug显示克隆对象也有类ui-droppable，任何想法为什么它不起作用？编辑设置bool（true）或使用.droppable（）链接克隆对象也不起作用

jquery droppable – >避免多次丢弃同一个对象: 我有一个容器具有不同的可拖动元素，并且有一些“目标”div的列表，用户可以删除可拖动的元素。示例：想象一下，您有一个“标签”列表（House，Computer，Car，..）和一些文档列表作为目标（所有文档都是div ）。因此目标是使用拖放操作将“标签”分配给文档。顺便说一句，每个tag-Div都有一个唯一的id（）使“标签”可拖动的代码： $(‘#taglist’).find(‘div’).draggable( {helper: “clone”}); 使文件“可投放”的代码： $(‘#doclist’).droppable({ drop: function( event, ui ) {tag=ui.draggable; tag.clone().appendTo( this ); } }); 到目前为止，这很有效。问题是，现在您可以将相同的标签多次分配给相同的文档。示例：文档1可以标记“House”5次，标记“计算机”3次。我的目标是，每个文档只能有一次标记。我不知道，如何解决这个问题。现在，我有办法： 1.）通过走DOM $（this）来扩展“drop”函数.find …看看，如果有一个具有相同id的元素 – 在这种情况下，不要再次克隆和追加。可能这需要很多性能。 2.）使用可拖动小部件的“接受”function。但我不知道在这种情况下如何使用它。谢谢你的帮助。

使用.droppable将jQuery UI删除到div中时删除元素: 我试图找出如何做到这一点的逻辑。我有很多只有CSS类名的图像，它们是动态创建的。这些图像可以使用jQuery UI的.draggable.进行拖动.draggable. 我需要一个“垃圾桶”，当一个元素被拖入时，它被删除。示例： http ： //jsfiddle.net/KWdcU/3/ （设置为删除所有元素而不是拖入其中的元素）代码： one two trash $(function() { $( “.stack” ).draggable(); }); $(‘#trash’).droppable({ over: function() { //alert(‘working!’); $(‘.box’).remove(); } });

Fullcalendar：draggable对象拒绝fullcalendar为droppable，即使fullcalendar接受drop: 我已经设置了FullCalendar来接受drop，它确实如此。但是我用revert构建的可拖动对象：’invalid’似乎并不认可FullCalendar上的日期为droppable，并且还原为。这是我的代码： mydrag My Drag function onExternalEventDrop(date, allDay) { alert(“Dropped on ” + date + ” with allDay=” + allDay); } $(‘#mydrag’).each(function() { // create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/) // it doesn’t need to have a start or end var eventObject = { title: ‘MyDrag Title’ }; // store the Event Object in the […]

父帧和子iframe之间的拖放元素: 我试图使用jQuery在父框架和iframe之间拖放元素。我在父框架中有一个面板，其中包含一些可拖放到子框架上的可拖动项目。我试图搜索很多但找不到多少…… 我尝试通过在子帧中附加元素然后尝试以编程方式触发新插入元素上的draggable来解决它，但我也被卡在那里。找不到触发拖动function的正确方法。（draggable元素有一个帮助器。当我通过触发“mousedown.draggable”触发拖动时，ui-draggable元素上的位置发生了变化，但我看不到帮助器。谢谢！！

jquery droppable接受: 任何人都可以告诉我如何在接受条件下编写函数，然后它如何找出接受什么和不接受什么。例如，我想在接受条件下接受div a和div b 。我如何通过函数编写代码？

如何在不实际拖放的情况下使用jQuery UI Droppable触发Drop事件？: 我有一个带有drop事件处理程序的droppable ： $(this).droppable({ drop:function(){ console.log(‘OMG You Dropped It!’); } }); 我有一个拖车： $(this).draggable(); 我想要做的是触发droppable上的drop事件处理程序而不实际拖放draggable 。我想在不实际执行行为的情况下模拟实际行为。我认为这样的事情会做： $(droppable).trigger(‘drop’, [draggable]); 不幸的是，它并不那么简单。有谁知道我怎么能做到这一点？