首页 > 代码库 > JQ模态框+简易评价
JQ模态框+简易评价
EvaCourse:function(){//课程评价 var p=[‘不好‘,‘一般‘,‘不错‘,‘很好‘,‘非常好‘], $mask=$(".mask"),//遮罩 $starBox=$("#star-box"),//评价触发盒子 $modalBox=$(".modal-box"),//弹出框 $pText=$("#text-info"),//‘不好‘,‘一般‘,‘不错‘,‘很好‘,‘非常好‘ 显示信息 $subtn=$("#star-btn"),//提交按钮 $inputTxt=$("#input-txt"),//输入文本框 $starList=$("#star-list");//评论星星列表 //点击评价星星、显示遮罩和评价框 $starBox.click(function(){ openBox(); }); $mask.click(function(){ closeBox(); }); $subtn.click(function(){ closeBox(); }); //点击评价星星切换对应评价 $starList.on(‘click‘,‘li‘,function(){ $index=$(this).index(); console.log($index) switch($index){ case 0: $("#star-list>li").removeClass(‘active‘).eq($index).addClass(‘active‘); $pText.text(p[$index]); break; case 1: removeClass(); $("#star-list>li:lt(2)").addClass(‘active‘); $pText.text(p[$index]); break; case 2: removeClass(); $("#star-list>li:lt(3)").addClass(‘active‘); $pText.text(p[$index]); break; case 3: removeClass(); $("#star-list>li:lt(4)").addClass(‘active‘); $pText.text(p[$index]); break; case 4: removeClass(); $("#star-list>li:lt(5)").addClass(‘active‘); $pText.text(p[$index]); break; } }); function removeClass(){ $("#star-list>li").removeClass(‘active‘); } function openBox(){//打开遮罩和评价框 $mask.show(); $modalBox.show(); } function closeBox(){//关闭遮罩和评价框 $mask.hide(); $modalBox.hide(); } }
JQ模态框+简易评价
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。