📜  jQWidgets jqxSortable cursor 属性(1)

📅  最后修改于: 2023-12-03 15:16:56.748000             🧑  作者: Mango

jQWidgets jqxSortable cursor 属性

简介

jqxSortable 是 jQWidgets 的一个插件,它允许用户创建可拖拽和排序的列表。cursor 属性用于设置拖拽过程中鼠标的样式。

语法
$("#sortable").jqxSortable({
    cursor: "grabbing"
});
属性值
  • auto:当鼠标悬停在可拖拽元素上时,鼠标样式自动设置为默认值。
  • grab:当鼠标悬停在可拖拽元素上时,鼠标样式设置为“抓取”(一只手指的形状)。
  • grabbing:当鼠标按下并开始拖拽元素时,鼠标样式设置为“抓取中”(一只手掌的形状)。
  • move:当鼠标按下并开始拖拽元素时,鼠标样式设置为“移动”(箭头和小方块的形状)。
  • pointer:当鼠标悬停在可拖拽元素上时,鼠标样式设置为“指针”(手指的形状)。
  • 其他有效的 CSS 光标属性值。
示例
$("#sortable").jqxSortable({
    cursor: "grabbing"
});

在上述示例中,当鼠标按下并开始拖拽元素时,鼠标样式将设置为“抓取中”(一只手掌的形状)。

结论

cursor 属性允许你自定义拖拽元素的鼠标样式。通过设置不同的值,你可以改变拖拽过程中鼠标在可拖拽元素上的外观,提供更好的用户体验和交互性。

请参考 jQWidgets jqxSortable 文档 获取更多属性和方法的信息。