javascript - 直观的可排序和可拖动的 UI 指示器

标签 javascript html css draggable jquery-ui-sortable

我有可以排序的元素以及可以拖放到容器中并返回的元素。我应该如何向用户展示某些元素可以排序并且其中一些元素可以拖动(因此我还需要显示放置区域,我可以在拖动时突出显示该区域)?

jQuery Sortable UI演示我看到双箭头指示器,在某些网站上有两列点划线。

请分享您的经验

最佳答案

问题是,至少在这个阶段,列表的动态重新排序等对于大多数人来说是一个相对较新的概念......围绕这个问题似乎没有任何真正的约定,因为有用于更成熟的交互,例如按钮、复选框等。

我倾向于建议任何代表该元素可能“可抓取”或“可排序”的东西都是一个好主意。箭头和 iOS 上的脊状 handle (三个水平插入条)一样有效,但两者本质上都不明显。与往常一样,现实世界的映射是这里的理想选择……但由于实际上“现实世界”中的一切都是可操纵的,这使得任务变得更加困难。没有任何东西能够真正从现实世界映射到 UI 来显示“可拖动的能力”。

无论您决定使用什么,您可能都必须向最终用户提供一些有关符号含义的建议(可能是工具提示,或简单的一次性通知)...因为它是并不总是立即显而易见。就我个人而言,我可能会使用 JQuery 样式的箭头来将列表显示为可排序(但它仍然没有真正突出显示拖动交互的可能性......我是单击箭头来移动它们,还是单击并拖动,或者还有其他机制吗?)。

关于javascript - 直观的可排序和可拖动的 UI 指示器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5418343/

相关文章:

javascript - 使用 webpack 的 Angular 1.6.4 组件单元测试找不到 DirectiveProvider

javascript - 重置 Monaco Editor 状态

c# - JavaScript 禁用某些文本框后无法提交 asp.net 页面

html - 无法更改主体的背景颜色

javascript - 从对象数组中的属性创建字符串文字联合

javascript - Java 实体数组到 JavaScript 数组

HTML 选择框 : combining background image with background color in IE

java - 在每个表上方打印行数

css - 溢出文本可以居中吗?

asp.net - BODY 上的 CSS - 更改不生效?