1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>家电维修</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <meta name="format-detection" content="telephone=no">
  10. <link rel="stylesheet" type="text/css" href="__PUBLIC__/Customer2/css/reset.css">
  11. <link rel="stylesheet" type="text/css" href="__PUBLIC__/Customer2/css/base.css">
  12. <link rel="stylesheet" type="text/css" href="__PUBLIC__/Customer2/css/layout.css">
  13. <link rel="stylesheet" type="text/css" href="__PUBLIC__/Customer2/css/iscroll.css">
  14. <script src="__PUBLIC__/Customer2/js/jquery.min.js"></script>
  15. <script src="__PUBLIC__/Customer2/js/iscroll.js"></script>
  16. <script src="__PUBLIC__/Home/js/jquery.raty.min.js"></script>
  17. </head>
  18. <body>
  19.     <form action='{:U("Cusreview/cus_review_do")}' method='post' >
  20.     <header class="header-wrapper index-header">
  21.         <a class="city-link" href="city.html">
  22.             <i class="index-icon icon-return"></i>
  23.             <span class="city-name">返回</span>
  24.         </a>
  25.         <div class="title">评价</div>
  26.     </header>
  27.  
  28.     <article>
  29.         <section>
  30.             <div class="info-box">
  31.             <volist name='list' id='vo' >
  32.                 <div class="info-block">
  33.                     <span>{$vo.content}</span>
  34.                     <span class="evalua r">
  35.                         <div   class="star"></div>
  36.                         <input type="hidden"  value='{$vo.eight_ratio}' name='eight_ratio[{$vo.id}]' />
  37.                         <input type="hidden"  value='{$vo.eight_ratio}' name='rate[{$vo.id}]'/>
  38.                     </span>
  39.                  </div>
  40.             </volist>
  41.                 <div class="info-block info-block2">
  42.                     <span">评价：</span><br/>
  43.                     <input type="hidden" value='{$wid}' name='order_id' />
  44.                     <textarea placeholder="字数在200字以内" class="evalua-text mt10" name='text_records'></textarea>
  45.                  </div>
  46.             </div>
  47.         </section>
  48.  
  49.         <section class="mt10">
  50.             <a class="button" onclick='sub_datas();'>确定</a>
  51.         </section>
  52.  
  53.     </article>
  54.  
  55.     <footer>
  56.  
  57.     </footer>
  58. </form>
  59. </body>
  60.  
  61. <script type="text/javascript">
  62.     function sub_datas(){
  63.         var get_text_content=$.trim($('.evalua-text').val());
  64.         if(!get_text_content){
  65.             alert('评价内容不能为空!');
  66.             return false;
  67.         }
  68.         var get_content_length=get_text_content.length;
  69.         if(get_content_length>0&&get_content_length<6){
  70.             alert('评价内容过短,不少于6个字!');
  71.             return false;
  72.         }
  73.         if(get_content_length>200){
  74.             alert('评论字数超过限制,请不要超出200字!');
  75.             return false;
  76.         }
  77.         $('form').submit();
  78.     }
  79. </script>
  80.  
  81. <script type="text/javascript">
  82. var d=$(".star");
  83. $.each(d,function(i,v){
  84.     var tar=$(this).next('input');
  85.     $(this).raty({
  86.         path:"__PUBLIC__/Home/images/" ,
  87.         starOff: 'star-off-big.png',
  88.         starOn: 'star-on-big.png',
  89.         size:26,
  90.         hints: ['1.0', '2.0', '3.0', '4.0', '5.0'],
  91.         target: tar,
  92.         targetKeep : true
  93.     });
  94. })
  95. </script>
  96. </html>

jQuery星级评分插件的更多相关文章

  1. HTML5商城开发三 jquery 星星评分插件

    展示:

  2. js的选择星级评分插件

    需要引入jquery和raty的js,并且低版本的jquery可能会出现样式问题,或者点击没反应,可换高版本试试 raty文档及下载: http://www.wbotelhos.com/raty/ 把 ...

  3. jquery 星级评价插件jquery Raty的使用

    需要引入的js <script type="text/javascript" src="<%=basePath%>resources/js/jquery ...

  4. jQuery动态星级评分效果实现方法

    本文实例讲述了jQuery动态星级评分效果实现方法.分享给大家供大家参考.具体如下: 这里的jQuery星级评分代码,是大家都很喜欢的功能,目前广泛应用,本星级评分加入了动画效果,注意,如果要真正实现 ...

  5. js实现星级评分之方法一

    利用一个星级评分的小案例,来逐步封装js星级评分插件. 从最基础的js知识,通过一个小的demo,逐步学习js的面向对象知识. 从浅到深,逐步递进. 图片素材 <!DOCTYPE html> ...

  6. 星级评分--封装成jquery插件

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  7. 推荐10款 好用的 Jquery 评分插件

    Raty jQuery Raty这是一个能够自动生成可定制的星级评分jQuery插件.可以自定义图标,创建各种评级组合,星星数量,每一颗星星的注释,可以在当一个星星被点击时的加回调函数. 地址: Ra ...

  8. 一款好用的jquery评分插件

    一．使用说明 1.jQuery评分插件的功能: 图标显示用户评分,更美观 可实时点击,切换评分 返回用户评分,记录用户评分 实现类似下图效果 2.优点: 美观,方便 3.缺点: 只能用于jquery开 ...

  9. jQuery 评分插件(转)

    评分效果的小插件jQuery Raty.它提供的API相当丰富真的是让人爱不释手.详细文档及下载插件请移步这里. 基本使用 下面我们来实际操作,运用一下这个有爱的小插件. 需要做的事情非常简单,在页面 ...

随机推荐

  1. Tomcat--安装与部署（一）

    一.Tomcat背景 自从JSP发布之后,推出了各式各样的JSP引擎.Apache Group在完成GNUJSP1.0的开发以后,开始考虑在SUN的JSWDK基础上开发一个可以直接提供Web服务的JS ...

  2. kobo阅读器安装koreader

    动机 kobo阅读器是加拿大的电子阅读器品牌,与kindle类似.问题是这个阅读器在中国无法连接电子书商店,即使是用SS翻出去也不行.一气之下花了一个下午折腾,安装一个开源的阅读器. 安装 代码仓库在 ...

  3. 调用Live555接收RTSP直播流，转换为Http Live Streaming(iOS直播)协议

    Live555接收RTSP直播流,转换Http Live Streaming(iOS直播)协议 RTSP协议也是广泛使用的直播/点播流媒体协议,之前实现过一个通过live555接收RTSP协议,然后转 ...

  4. 大数的加法运算，杭电oj-1002

    原题地址:http://acm.hdu.edu.cn/showproblem.php?pid=1002   [Problem Description] I have a very simple pro ...

  5. MyBatis之ObjectFactory

    关于在MyBatis中的ObjectFactory有什么用,在官方文档中有这样的描述(大多数网上的博客都是直接引用这一描述):MyBatis 每次创建结果对象的新实例时,它都会使用一个对象工厂(Obj ...

  6. hive网站日志数据分析

    一.说在前面的话 上一篇,楼主介绍了使用flume集群来模拟网站产生的日志数据收集到hdfs.但我们所采集的日志数据是不规则的,同时也包含了许多无用的日志.当需要分析一些核心指标来满足系统业务决策的时 ...

  7. Regular Expression Matching2015年6月24日

    题目: Implement regular expression matching with support for '.' and '*'. '.' Matches any single chara ...

  8. cuda学习2-block与thread数量的选取

    由上一节可知,在main函数中,cuda程序的并行能力是在add<<<N,1>>>( dev_a, dev_b, dev_c )函数中体现的,这里面设置的是由N个b ...

  9. linux压缩及vi操作

    一:Linux的压缩方式 1.tar cvf 对文件进行压缩,tar cvf+压缩文件完成的命名+需要压缩的文件 2,tar -tf +命名的压缩文件:表示查看目录里面的内容 3,tar -xf 解压 ...

  10. JS中判断数组的方法

    JavaScript中检测对象的方法 1.typeof操作符 这种方法对于一些常用的类型来说那算是毫无压力,比如Function.String.Number.Undefined等,但是要是检测Arra ...