微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Vue.Draggable 和 Sortablejs 中的样式 .sortable-drag 元素

如何解决Vue.Draggable 和 Sortablejs 中的样式 .sortable-drag 元素

我正在尝试根据一些验证状态设置拖动元素的样式。

这是我创建的 jsfiddle 作为示例。 在此示例中,sortable-ghost 类的样式设置为黄色背景和红色边框,但如果将元素放置在“请勿放置此处”元素上,则它将获得红色背景并变得更加透明。>

这部分工作正常。

enter image description here

我还想设计的样式是 sortable-drag 类。 当 sortable-ghost 获得红色背景时,我想给它一个蓝色背景,但我不知道该怎么做。

在我看来,sortable-drag 是您开始拖动时元素的精确克隆。要测试此声明,您可以在“不要放在这里”元素上放置一些东西,这将导致 warnMove 保持其值,在可拖动包装器上设置警告类,如果您尝试在此之后拖动任何元素,您将即使 warnMove 已重置,它仍会显示为蓝色,并且不应将其设置为蓝色背景。

enter image description here

http://jsfiddle.net/dct1s6nv/9/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。