jQuery Accessible-RIA 技术文档

1. 安装指南

环境要求

• jQuery 1.7.x（当前分支包含 1.7.2）
• jQuery UI 1.8.x（当前分支包含 1.8.19）

安装步骤

1. 下载项目源码。
2. 将项目文件解压到你的项目目录中。
3. 在你的HTML文件中引入jQuery和jQuery UI库，以及项目的主文件。

<script src="path/to/jquery.js"></script>
<script src="path/to/jquery-ui.js"></script>
<script src="path/to/jquery-accessible-ria.js"></script>

2. 项目的使用说明

功能概述

jQuery Accessible-RIA 是一个基于 jQuery UI Widget Factory 的集合，提供了符合 WAI WCAG 2.0 和 WAI ARIA 标准的 Web 应用程序。目前包含以下功能：

• 灯箱效果（Lightbox）
• 实时表单验证（Live Form-Validation）
• 可访问的选项卡（Accessible Tabs）
• 可排序的表格（Sortable Tables）

使用示例

灯箱效果

$(document).ready(function() {
    $('#lightbox').lightbox();
});

实时表单验证

$(document).ready(function() {
    $('#form').liveValidation();
});

可访问的选项卡

$(document).ready(function() {
    $('#tabs').accessibleTabs();
});

可排序的表格

$(document).ready(function() {
    $('#table').sortableTable();
});

3. 项目API使用文档

灯箱效果（Lightbox）

• 方法: lightbox()
• 参数: 无
• 描述: 初始化灯箱效果。

实时表单验证（Live Form-Validation）

• 方法: liveValidation()
• 参数: 无
• 描述: 初始化实时表单验证。

可访问的选项卡（Accessible Tabs）

• 方法: accessibleTabs()
• 参数: 无
• 描述: 初始化可访问的选项卡。

可排序的表格（Sortable Tables）

• 方法: sortableTable()
• 参数: 无
• 描述: 初始化可排序的表格。

4. 项目安装方式

通过GitHub下载

1. 访问项目的GitHub页面。
2. 点击“Clone or download”按钮，选择“Download ZIP”。
3. 解压下载的ZIP文件到你的项目目录。

通过npm安装

1. 打开终端或命令提示符。
2. 运行以下命令：

npm install jquery-accessible-ria

3. 在你的项目中引入安装的文件。

通过CDN引入

1. 在你的HTML文件中引入CDN链接：

<script src="https://cdn.jsdelivr.net/npm/jquery-accessible-ria/dist/jquery-accessible-ria.min.js"></script>

通过以上步骤，你可以成功安装并使用 jQuery Accessible-RIA 项目。