Tag: 可拖动的

Jquery拖放不在Firefox中工作，在chrome和safari中工作正常: Jquery拖放不在Firefox和IE中工作，但在chrome和safari中工作正常。这是我的代码： $(“.drag”).draggable({ helper: “clone”, }); $(“.drop”).droppable({ drop: function (ev, ui) { if ($(ev.toElement).hasClass(“drop”) == true) { var widgetId = $(ui.draggable).attr(“id”); $(ev.toElement).attr(“id”, “dash_” + widgetId); $(ev.toElement).html($(ui.draggable).html()); } } }); 代码已上传至http://www.skmcap63.hostoi.com/box-dashboard/ 我需要从侧边栏拖动项目并将其放入框中。请帮忙。提前致谢。

优化jQuery UI拖放计划网格: 我有一个基于HTML表的计划网格，使用jQuery / jQuery UI拖放。表中的每个单元代表一个用户和时间段。我在IE9，FireFox和Chrome中表现不错，但IE8无法使用，因为用户开始拖动和拖动助手出现之间会有几秒钟的暂停。我知道问题的一部分是我正在创建大量的droppables，在这种情况下： 112个24小时网格的用户（共创建了2688个可放置的网站）如果我删除使空2688单元格可丢的代码，速度会显着增加，但动画在IE8中仍然感觉迟钝。有什么建议可以加快这个速度？我已经考虑过让表本身成为droppable，但我不知道如何计算掉哪个单元格，我会失去指示活动单元格的hoverState CSS背景。一个关键要求是我坚持使用HTML表，因为它是如何在服务器上绑定数据的。我是否正在与IE8作战？我真的想在浏览器中尽快做到这一点。

在嵌套的dataTable中拖放: 我正在使用primeface 4.0。 primeface 展示仅显示如何将draggable到droppable 。但是，从来没有提到过如何拖拽那个draggable拖车。我想创建一个dataTable：每个td都有一个droppable放置的面板，可以将多个draggable面板拉入和拉出。这个dataTable的“保存数据”的后bean对象，我假设如果dataTable是2 * 2，则后端bean中将有4个List，每个都存储相应droppable区域的draggable对象列表。有点像p:schedule的简单版本，允许事件在单元格之间拖放。我的努力：我设法使一些function工作，就像拖入一个droppable 但我不能删除拖动的draggable因为p:draggable没有ajax事件drag将数据传递给后端bean，因为我在p:droppable drop事件。（有一种方法可以使用JQuery draggable event start和stop将col和row num传递给后面的bean，但我不确定这是一个好方法去）我不认为我的实现是正确的方法，因为有一些奇怪的错误，有时我从ddEvent.getData()获得的拖动对象不正确。（我猜它与p:droppable的唯一dataSource有关。问题1469 ）更新：我认为主要问题是p:droppable只绑定一个数据源，所以ddEvent.getData()总是从绑定数据源获取’对象’，我的问题是我有多个可放置区域，每个都需要绑定多个数据源。。太糟糕了我无法发布截图… 这是我的代码：xthml：Shifts … 回豆： public List getDailyShift(String eid, Date date) { return this.tmpSchedule.getShifts(eid).get(date); } public void onShiftDrop(DragDropEvent ddEvent) { ShiftDto shift = ((ShiftDto) ddEvent.getData()); Date weekday […]

你如何使用jQuery的.draggable来拖动表格单元格？: 在这个小提琴我想做一个jQuery或Javascript交互，这将允许我拖动第一个表格单元格（名称）并将其拉出来。 .draggable似乎只适用于div。是否有解决方案或者我应该放弃尝试使用表格创建UI？ http://jsfiddle.net/4XyzJ/33/

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。但我不知道在这种情况下如何使用它。谢谢你的帮助。