<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>家电维修</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Customer2/css/reset.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Customer2/css/base.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Customer2/css/layout.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Customer2/css/iscroll.css">
<script src="__PUBLIC__/Customer2/js/jquery.min.js"></script>
<script src="__PUBLIC__/Customer2/js/iscroll.js"></script>
<script src="__PUBLIC__/Home/js/jquery.raty.min.js"></script>
</head>
<body>
    <form action='{:U("Cusreview/cus_review_do")}' method='post' >
    <header class="header-wrapper index-header">
        <a class="city-link" href="city.html">
            <i class="index-icon icon-return"></i>
            <span class="city-name">返回</span>
        </a>
        <div class="title">评价</div>
    </header>

    <article>
        <section>
            <div class="info-box">
            <volist name='list' id='vo' >
                <div class="info-block">
                    <span>{$vo.content}</span>
                    <span class="evalua r">
                        <div   class="star"></div>
                        <input type="hidden"  value='{$vo.eight_ratio}' name='eight_ratio[{$vo.id}]' />
                        <input type="hidden"  value='{$vo.eight_ratio}' name='rate[{$vo.id}]'/>
                    </span>
                 </div>
            </volist>
                <div class="info-block info-block2">
                    <span">评价：</span><br/>
                    <input type="hidden" value='{$wid}' name='order_id' />
                    <textarea placeholder="字数在200字以内" class="evalua-text mt10" name='text_records'></textarea>
                 </div>
            </div>
        </section>

        <section class="mt10">
            <a class="button" onclick='sub_datas();'>确定</a>
        </section>

    </article>

    <footer>

    </footer>
</form>
</body>

<script type="text/javascript">
    function sub_datas(){
        var get_text_content=$.trim($('.evalua-text').val());
        if(!get_text_content){
            alert('评价内容不能为空!');
            return false;
        }
        var get_content_length=get_text_content.length;
        if(get_content_length>0&&get_content_length<6){
            alert('评价内容过短,不少于6个字!');
            return false;
        }
        if(get_content_length>200){
            alert('评论字数超过限制,请不要超出200字!');
            return false;
        }
        $('form').submit();
    }
</script>

<script type="text/javascript">
var d=$(".star");
$.each(d,function(i,v){
    var tar=$(this).next('input');
    $(this).raty({
        path:"__PUBLIC__/Home/images/" ,
        starOff: 'star-off-big.png',
        starOn: 'star-on-big.png',
        size:26,
        hints: ['1.0', '2.0', '3.0', '4.0', '5.0'],
        target: tar,
        targetKeep : true
    });
})
</script>
</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. [笔记]SciPy、Matplotlib基础操作

    NumPy.SciPy.Matplotlib,Python下机器学习三大利器.上一篇讲了NumPy基础操作,这节讲讲SciPy和Matplotlib.目前接触到的东西不多,以后再遇到些比较常用的再更新 ...

  2. Python装饰器实现几类验证功能做法

    最近新需求来了,要给系统增加几个资源权限.尽量减少代码的改动和程序的复杂程度.所以还是使用装饰器比较科学 之前用了一些登录验证的现成装饰器模块.然后仿写一些用户管理部分的权限装饰器.比如下面这种 de ...

  3. GO的初始简书（一）简介安装

    已经玩了很长一段时间的golang了,做个gopher,下面我将逐步展示各种go语言的开发,从入门开始哦,完全是凭着自己学习和实践的结果展示,如果有说的不对的,请指正. 简介 go语言是由Google ...

  4. User-Agent详解

    User-Agent : 用户代理  用户在上网的时候会作为http 请求头的一部分传递给服务端 ,用于识别用户当前环境(如浏览器类型及版本号,以及操作系统信息 )  右键f12可以查看 下面是我的浏 ...

  5. SVN分支/合并原理及最佳实践

    转自:http://blog.csdn.net/e3002/article/details/21469437 使用svn几年了,一直对分支和合并敬而远之,一来是因为分支的管理不该我操心,二来即使涉及到 ...

  6. ArrayList构造方法源码分析

    首先看一下无参的构造方法: private static final Object[] DEFAULTCAPACITY_EMPTY_ELEMENTDATA = {}; transient Object ...

  7. VR全景项目领导者，VR全景智慧城市

    在互联网大趋势下,实体商家都迫切需要一个好的线上广告宣传方式,来推广自己的店铺及产品,传统的线上宣传方式已经无法满足消费者需求,360度全景展示能更真实直观的把商家展示给用户消费者,给商家带来客流及收 ...

  8. 微信小程序开发《二》：http请求的session管理

    作为一个开发JavaWeb应用的程序猿,都喜欢将用户登录后的用户信息(比如说用户id,用户名称)放入session中保存,之后在业务逻辑的开发中需要用到用户信息的时候就可以轻松又方便的从session ...

  9. 发布高性能迷你React框架anu

    anu, 读作［安努］,原意为苏美尔的主神. anu是我继avalon之后又一个新框架(github仓库为https://github.com/RubyLouvre/anu, 欢迎加星与试用) 此框架 ...

  10. nodejs中exports与module.exports的区别详细介绍

    如果模块是一个特定的类型就用Module.exports.如果模块是一个典型的"实例化对象"就用exports. exports.name = function() { conso ...