level 4
ლ赤脚大仙ლ
楼主
我怎么加入我的index，附上网址：http://www.jq22.com/jquery-info15145，这是获取这个ui的网址，网页完成表单提交。<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<title>流程选择demo</title>
<link rel="stylesheet" type="text/css" href="css/jquery.step.css" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery.step.min.js"></script>
<style>
button {
display: inline-block;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
text-align: center;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
color: #fff;
background-color: #5bc0de;
}
.main {
width: 1000px;
margin: 100px auto;
}
#step {
margin-bottom: 60px;
}
.btns {
float: left;
}
.info {
float: left;
height: 34px;
line-height: 34px;
margin-left: 40px;
font-size: 28px;
font-weight: bold;
color: #928787;
}
.info span {
color: red;
}
</style>
</head>
<body>
<div class="main">
<div id="step"></div>
<div class="btns">
<button id="prevBtn">上一步</button>
<button id="nextBtn">下一步</button>
<button id="btn1">职位信息</button>
<button id="btn2">职位描述</button>
</div>
<div class="info">index：<span id="index"></span></div>
</div>
<div class="alt">hello</div>
<div class="alt">en</div>
<div class="alt">hhhh</div>
<script type="text/javascript">
var $step = $("#step");
var $index = $("#index");
$step.step({
index: 0,
time: 500,
title: ["请选择公司", "职位信息", "职位描述", "预约完成"]
});
$index.text($step.getIndex());
$("#prevBtn").on("click", function() {
$step.prevStep();
$index.text($step.getIndex());
});
$("#nextBtn").on("click", function() {
$step.nextStep();
$index1.text($step.getIndex());
});
$("#btn1").on("click", function() {
$step.toStep(1);
$index.text($step.getIndex());
});
$("#btn2").on("click", function() {
$step.toStep(2);
$index.text($step.getIndex());
});
</script>
</body>
</html>