【问题标题】:Draggable/Droppable, Sortable, or a combo?可拖动/可放置、可排序或组合?
【发布时间】:2013-03-07 16:35:11
【问题描述】:

我这几天一直在忙于这个任务。我无法弄清楚如何让一切都点击。我可以让它完美地工作。要么拖放是完美的,要么是排序。但我无法让所有的拖放和排序工作。

这是draggable/droppable 的示例。

这个工作完美。正是我想要的方式,除了我无法对底部的#imgQueue 进行排序。我不希望能够在顶部对 #imgBrowser 进行排序。我可以在浏览器和队列之间来回拖动,图像克隆到队列并在浏览器中淡出。效果很好。

这就是我正在为sortables only 所做的工作。

我正在尝试完成第一个和第二个示例的组合。从示例 1 拖放和从示例 2 排序(尽管仅在队列中)。 有人建议我尝试只使用 sortables 来完成所有这些工作。但是,我开始怀疑这是可能的。

此外,imgQueue 中的可排序对象非常不稳定。很难把它们送到你想要的地方。我在想也许图像的缩小与它有关。好像,也许,sortable 仍然认为图像是 150x150 而不是 40x40 ???

谁能帮我解决这个问题?

谢谢! 马特

【问题讨论】:

  • 您是否为此使用 jquery 可拖动和可排序?
  • 是的....只是这个和一点 css。

标签: jquery draggable jquery-ui-sortable droppable


【解决方案1】:

我查看了您的示例,发现了一个奇怪的行为。在第二个示例中,拖动的项目没有被克隆,即使它应该被克隆。

我没有进一步调查,因为我建议你使用http://johnny.github.com/jquery-sortable/

我认为你应该能够通过混合前两个例子来实现你想要的。

【讨论】:

  • 该页面上的示例是否应该处于活动状态?如果是这样,它们都不适合我。我也注意到了克隆(或缺少)行为。尝试打开和关闭它,结果相同。
  • 我正在使用 Chrome。仍然不适合我。虽然在 IE 中工作。诡异的。也许我需要清除 Chrome 上的缓存。
  • 在 Chrome 中,jQueryUI 页面示例有效。我的样品有效。 mjsarfatti.com/sandbox/nestedSortable 该页面有效。我只是无法让那些特定的可排序对象在 Chrome 中工作。啊!也很遗憾,因为这看起来正是我所需要的。
  • Chrome 适合我。这确实很奇怪。也许尝试强制重新加载或私人模式?还是你在 Canary 上?
  • 我只需要在新驱动器上重新安装 Windows,但该页面仍然无法在 Chrome 中运行!我尝试拖动,它只是开始选择元素,就好像它是文本等一样。
猜你喜欢
  • 2013-04-13
  • 2013-12-21
  • 1970-01-01
  • 1970-01-01
  • 2014-09-19
  • 2012-06-23
  • 1970-01-01
  • 2013-03-19
  • 2011-07-18
相关资源
最近更新 更多