【问题标题】:How to use jquery drag and drop to change background color?如何使用jquery拖放更改背景颜色?
【发布时间】:2011-07-05 08:30:43
【问题描述】:

我查看了 jquery 拖放的各种示例和演示。我想做的是这样的:

拖动小的彩色方形图像(色板,如果你喜欢 - 这些可能是位图/gif 图像)并将它们放入一个空的(白色)div 中。执行此操作后,div 会更改背景颜色以匹配被拖动的小方形图像。

这可能吗?有谁知道这样做的插件或可以为我指明正确的方向?我想我需要从基本的拖放开始,但要附加一些数据(比如一些内联 css 样式?),然后将其应用于 dropzone?

更新 - 这是我到目前为止所得到的,请参阅 http://jsfiddle.net/Q7rDS/ 我想用每个框上设置的颜色(内联样式)更新 dropzone..

非常感谢您的帮助,谢谢!

【问题讨论】:

  • 显示一些代码,我们可以改变它,除了它说像“ui-state-highlight”之类的地方[如果有的话]它是一个可以在css中改变的类名......

标签: jquery drag-and-drop


【解决方案1】:

这可以通过使用 jQuery UI 来实现。

演示:http://jqueryui.com/demos/droppable/

【讨论】:

  • 我想我以前看过这个,但我一直在努力将它剥离到最基本的基础而不破坏它 - 我会玩这个,看看我是否可以调整它。问题 - 我可以重复使用它来拥有多个拖放区和多个拖动图像,每个图像都有不同的颜色吗?...
  • 大家好,这是我目前所得到的...jsfiddle.net/Q7rDS 每个可拖动框都有一个内联样式来设置颜色。由此,我如何做到这一点,以便当您将颜色框拖入放置区域时,它会变为该颜色?
猜你喜欢
  • 1970-01-01
  • 2023-03-03
  • 2013-08-30
  • 2011-11-11
  • 1970-01-01
  • 2014-12-20
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多