jQuery动态生成订单进度步骤代码
jQuery动态生成订单进度步骤代码,提取后台传输到页面的数据,根据数据进行进度的变更。默认设置初始值进行进度的变更。jquery进度条生成订单
进度代码
<script type="text/javascript">
$(function() {
setTimeout("changeDivStyle();", 100); // 0.1秒后展示结果,因为HTML加载顺序,先加载脚本+样式,再加载body内容。所以加个延时
});
function changeDivStyle(){
// var o_status = $("#o_status").val(); //获取隐藏框值
var o_status = 4;
if(o_status==0){
$('#create').css('background', '#DD0000');
$('#createText').css('color', '#DD0000');
}else if(o_status==1||o_status==2){
$('#check').css('background', '#DD0000');
$('#checkText').css('color', '#DD0000');
}else if(o_status==3){
$('#produce').css('background', '#DD0000');
$('#produceText').css('color', '#DD0000');
}else if(o_status==4){
$('#delivery').css('background', '#DD0000');
$('#deliveryText').css('color', '#DD0000');
}else if(o_status>=5){
$('#received').css('background', '#DD0000');
$('#receivedText').css('color', '#DD0000');
}
}
</script>