jQuery实现电影票选座效果手机端代码-插件特效-星河码客

部分js代码//判断页面加载完成 window.onload = function () { if (document.readyState == "complete") { $("body").show(); } }; var arr = []; //已选座位数组 var dj = 99; //电影票单价 number $(".danjia").text(dj); /* 遍历检查售票状态 typ ==0 可选 typ ==1 已选 typ ==2 已售 */ $(".content li").each(function (index) { var typ = $(".content li").eq(index).attr("typ"); if (typ == "2") { $(".content li").eq(index).css("background", "#0099ff"); } }); //已选座位添加 function add(msg) { var html = '

' + msg + '

'; return html; } //选座点击事件 function check(dom) { var txt = $(dom).parent().parent().attr('pai') + "排" + parseInt($(dom).index() + 1) + "座"; var typ = $(dom).attr("typ"); if (typ == "0") { if (arr.length > 4) { alert("一人只能选择5个座位！"); return false; } else { $(dom).css("background", "#fe3f55"); $(dom).attr("typ", "1"); arr.push(txt); $(".yxz").append(add(txt)); $(".num").text(arr.length);//已选电影票数量 $(".rmb span").text(dj * arr.length);//已选电影票总价 } } else if (typ == "2") { alert("该座位已售出！"); return false; } else { $(dom).css("background", "#f5f5f5"); $(dom).attr("typ", "0"); var index = arr.indexOf(txt); arr.removeByValue(txt);//指定数组删除 $(".yxz div").eq(index).remove(); $(".num").text(arr.length);//已选电影票数量 $(".rmb span").text(dj * arr.length);//已选电影票总价 } } //数组删除指定元素方法 Array.prototype.removeByValue = function (val) { for (var i = 0; i < this.length; i++) { if (this[i] == val) { this.splice(i, 1); break; } } }

jQuery实现电影票选座效果手机端代码

在线演示积分下载 6毛下载砍两刀下载

文件目录······

暂无数据

猜你喜欢更多»