如何在AJAX中使HTML5和CSS3编程中的可选元素

时间:2020-02-23 14:28:41  来源:igfitidea点击:

您可能希望用户从元素列表中进行选择。
AJAX允许HTML5和CSS3程序员使用该选项。
可选小部件是从普通列表创建此功能的好方法。
用户可以拖动或者Ctrl +单击项目以将其选中。
特殊的CSS类将自动应用,以指示正在考虑选择或者选择该项目。

请按照以下步骤制作可选元素:

  • 从无序列表开始。

在HTML中构建标准的无序列表。
给ul一个ID,以便可以将其标识为jQuery节点:

  • 添加用于选择和选择状态的CSS类。

如果希望在选择或者选择项目时更改可选项目的外观,请添加所示的CSS类。
一些特殊的类(ui选择和ui选择)是预定义的,并将在适当的时候添加到元素中:

  • 在init()函数中,将列表指定为可选节点。

使用标准的jQuery语法:selectable()。

选择它们后,该类将附加到所有元素。
请务必在此类中添加某种CSS,否则您将无法得知已选择了项目。

如果要对所有已选择的项目执行某项操作,只需使用ui-selected类创建一个jQuery组元素:

var selectedItems = $(".ui-selected");