当前位置: 首页 > 知识库问答 >
问题:

JQuery可排序拖放上载

轩辕亮
2023-03-14

我正在尝试实现jQuery可排序和拖放上传的组合。基本布局是使用jQuery sortable对图像/对象进行排序的网格。通过拖动图像,我可以按照我想要的任何顺序重新排列图像。同时,我可以通过拖放包含网格的div上的任意位置,从文件系统上载新图像,并且图像在完成上载后显示在网格上的第一个位置。现在,我想让用户能够将文件拖到网格中的任何位置,然后将上载的图像显示在网格上的特定位置(同时相应地重新排列其他图像)

我还没有找到类似的东西——我一直在想是否应该在Sortable中使用stop或receive事件,但我仍然不确定如何跟踪用户在页面上放置文件的位置。任何帮助都将不胜感激。谢谢

共有1个答案

韦高阳
2023-03-14

试着看看jqueryui网站http://jqueryui.com/sortable/不确定它是否有你想要的

 类似资料:
  • 我试图将jQuery可拖动、可拖放和可排序相结合;然而,我一直有问题。有人能帮帮我吗? A、 B、C、D、E瓷砖可在上部可放下和可分拣之间移动 此外,我正试图在必要时在任何位置停用和重新激活所有这些。 这是我的,但它很有缺陷,也不漂亮: JS 超文本标记语言

  • 我正在尝试创建一个各种各样的仪表板,其中包含各种大小的小部件。我希望用户能够安排他们的小部件,以他们喜欢的。 我一直在尝试使用Portlet示例实现jQueryUI的可排序交互,但遇到了一些问题。 我可以在同一行中的列之间拖放/重新排列容器。 相关超文本标记语言: 相关CSS: 相关jQuery:

  • 我有一个复杂的拖放场景,我只是不明白。我想出来的是:jsfiddle.net/aTjMG/2/ 在左边,我有一个名单。在右边,我有一组团队。左边的列表应该按字母顺序排列,不可排序。用户应该能够通过从左侧的列表中拖动到一个团队来将一个人分配到一个团队。被分配到团队的人应该能够被排序或移动到另一个团队,或者移动回未分配的池。 我可以从左边的未分配池移动到任何团队。我可以对团队中的人进行分类。从这里我不

  • 问题内容: 在AngularJS中的元素 上是否易于使用 ? 如果重新排序项目会很棒,那就是将自动传播的订单重新排列到源数组中。恐怕这两个系统会打架。有一个更好的方法吗? 问题答案: Angular UI具有可排序的指令,请单击此处进行演示 位于ui-sortable的代码,用法:

  • 我试图在使用可排序库创建的可排序HTML列表上模拟拖放操作。它使用本机HTML5API实现可拖动元素和列表中的排序。 为了模拟这些拖动事件,我找到并修改了以下JavaScript代码: 我尝试拖放的部分的标记如下: 当我尝试在浏览器的拖动事件侦听器上设置断点,并在浏览器控制台中使用以下命令执行helper函数时: 我注意到dragstart事件从未被捕获,但mousedown和dragover事件

  • 我有一个非常奇怪的问题,当我把一个项目从计划外的游戏桶拖到一个网格中时,你可以看到可拖动的项目被切断,大约80%的时间都是在这个区域上拖动的。 当计划外游戏中的项目溢出时,滚动条会出现这种情况。否则,拖动时不会切断。在网格中的游戏之间也可以找到拖放工作。 这只发生在Chrome中。Firefox和Edge运行良好。我真的不知道要显示什么JS或CSS,因为它可以是任何东西。 另外,当我像下面的屏幕一