如何解决Vue.Draggable 和 Sortablejs 中的样式 .sortable-drag 元素
我正在尝试根据一些验证状态设置拖动元素的样式。
这是我创建的 jsfiddle 作为示例。
在此示例中,sortable-ghost
类的样式设置为黄色背景和红色边框,但如果将元素放置在“请勿放置此处”元素上,则它将获得红色背景并变得更加透明。>
这部分工作正常。
我还想设计的样式是 sortable-drag
类。
当 sortable-ghost
获得红色背景时,我想给它一个蓝色背景,但我不知道该怎么做。
在我看来,sortable-drag
是您开始拖动时元素的精确克隆。要测试此声明,您可以在“不要放在这里”元素上放置一些东西,这将导致 warnMove
保持其值,在可拖动包装器上设置警告类,如果您尝试在此之后拖动任何元素,您将即使 warnMove
已重置,它仍会显示为蓝色,并且不应将其设置为蓝色背景。
http://jsfiddle.net/dct1s6nv/9/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。