简体繁体 English

拖放和交换工作不顺利

[英]Drag-Drop and swap not working smoothly

原文 2012-08-22 15:51:42 8 1 javascript/ jquery/ html5/ drag-and-drop/ draggable

I need to implement a drag drop and swap functionality in the portlet and their arrangement will be somewhat as shown in the figure. 我需要在portlet中实现拖放和交换功能，它们的排列将如图所示。

1 2 1 2
3 4 3 4

This is a web application which will be run on iDevices as well. 这是一个Web应用程序，也将在iDevices上运行。 I tried doing it with a plugin called redplugin http://www.redplugin.com/index.php?mainmenu=11&submenu=18 Doing this worked great on for desktops but swap failed to work on my iPhone hence i added jquery ui touch punch which resolved my problem to some extent. 我尝试使用名为redplugin http://www.redplugin.com/index.php?mainmenu=11&submenu=18的插件来完成此操作，这在台式机上效果很好，但是swap在我的iPhone上无法正常工作，因此我添加了jQuery ui触控功能这在某种程度上解决了我的问题。 The transition isn't that smooth and the swap does not work when i drag drop them diagonally and doesnt work for all the possible ways, works only when portlet is dragged drop either from a row left-right or right-left(Works for drag 1-2,2-1,3-4,4-3 but not for 1-4,4-1,2-3,3-2,. Are there any other plugins which will help me achieve this purpose? 过渡不是那么顺利，并且当我将它们拖放到对角线上并不能以所有可能的方式工作时，交换不起作用，仅当将portlet从左右行或从右行拖放时才有效1-2,2-1,3-4,4-3，但不能用于1-4,4-1,2-3,3-2，是否还有其他插件可以帮助我实现此目的？

1 个解决方案

You can simply use jquery drag & drop here. 你可以简单地使用jQuery的drag和drop这里。 Take a look at this JQFAQ.com , where it was discussed and resolved with an answer and there are more FAQs also available. 看看这个JQFAQ.com ，在这里对其进行了讨论和解答，并提供了更多常见问题解答。 Hope, this may help you. 希望对您有所帮助。