在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:rstaib/jquery-steps开源软件地址:https://github.com/rstaib/jquery-steps开源编程语言:JavaScript 91.9%开源软件介绍:jQuery Steps PluginA powerful jQuery wizard plugin that supports accessibility and HTML5. Getting StartedjQuery Steps is a lightweight wizard UI component written for jQuery. Everything you need to start is:
<!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>
How to add initial steps?There are two ways to add steps and their corresponding content.
<div id="wizard">
<h1>First Step</h1>
<div>First Content</div>
<h1>Second Step</h1>
<div>Second Content</div>
</div>
// Initialize wizard
var wizard = $("#wizard").steps();
// Add step
wizard.steps("add", {
title: "HTML code",
content: "<strong>HTML code</strong>"
});
Reporting an IssueInstructions will follow soon! Asking questionsI'm always happy to help answer your questions. The best way to get quick answers is to go to stackoverflow.com and tag your questions always with jquery-steps. ContributingInstructions will follow soon! LicenseCopyright (c) 2013 Rafael J. Staib Licensed under the MIT license. |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论