thatsus/jquery-steps.git

该包的最新版本(v1.1.1)没有提供许可证信息。

安装: 580

依赖者: 0

建议者: 0

安全: 0

星标: 0

关注者: 2

分支: 782

语言:JavaScript

v1.1.1 2015-09-08 19:30 UTC

This package is not auto-updated.

Last update: 2024-09-14 18:09:37 UTC


README

一个强大的支持无障碍访问和HTML5的jQuery向导插件。

入门指南

jQuery Steps是一个轻量级的向导UI组件,为jQuery编写。

开始所需的一切是

  1. jQueryjQuery Steps包含在您的HTML代码中。
  2. 然后选择代表向导的元素并调用steps方法。
<!DOCTYPE html>
<html>
    <head>
        <title>Demo</title>
        <meta charset="utf-8">
        <script src="jquery.js"></script> 
        <script src="jquery.steps.js"></script>
        <link href="jquery.steps.css" rel="stylesheet">
    </head>
    <body>
        <script>
            $("#wizard").steps();
        </script>
        <div id="wizard"></div>
    </body>
</html>

更多详细信息请查看文档

如何添加初始步骤?

有两种方法可以添加步骤及其对应的内容。

  1. 将HTML代码添加到代表向导的元素中。
<div id="wizard">
    <h1>First Step</h1>
    <div>First Content</div>

    <h1>Second Step</h1>
    <div>Second Content</div>
</div>
  1. 或使用API动态添加步骤。
// Initialize wizard
var wizard = $("#wizard").steps();

// Add step
wizard.steps("add", {
    title: "HTML code", 
    content: "<strong>HTML code</strong>"
});

更多示例请查看演示

报告问题

说明将很快发布!

提问

我总是乐于回答您的问题。获得快速答案的最佳方式是前往stackoverflow.com,并在问题标签中始终包含jquery-steps

贡献

说明将很快发布!

许可证

版权(c)2013 Rafael J. Staib。在MIT许可证下许可。