<!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. windows下安装mongodb以及node.js连接mongodb

    一.MongoDB 下载 下载地址  https://www.mongodb.com/download-center#community  选择windows版下载,然后安装. 二.安装完毕后创建数据 ...

  2. Jdk1.6 JUC源码解析(12)-ArrayBlockingQueue

    功能简介: ArrayBlockingQueue是一种基于数组实现的有界的阻塞队列.队列中的元素遵循先入先出(FIFO)的规则.新元素插入到队列的尾部,从队列头部取出元素. 和普通队列有所不同,该队列 ...

  3. 【JAVAWEB学习笔记】12_Http&Tomcat

    一.Http协议 1．什么是Http协议 HTTP,超文本传输协议(HyperText Transfer Protocol)是互联网上应用最为广泛的     一种网络协议.所有的WWW文件都必须遵守这 ...

  4. OpenCV探索之路（八）：重映射与仿射变换

    重映射 重映射就是把一幅图像中某个位置的像素放置到另一个图片中指定位置的过程. 用一个数学公式来表示就是: 其中的 f 就是映射方式,也就说,像素点在另一个图像中的位置是由 f 来计算的. 在Open ...

  5. asp.net已流的方式下载文件

    string filePath = context.Server.MapPath("~/" + uploadFolder+"/"+file_name);//路径 ...

  6. FreeMarker标签

    目前最流行的两种模板技术恐怕要算freemarker和velocity了,webwork2.2对两者都有不错的支持,也就是说在webwork2中你可以随意选择使用freemarker或velocity ...

  7. Yii2.0中场景的使用小记

    熟悉Yii框架的人都知道,灵活的使用场景可以达到事半功倍的效果! 比如普通的数据的新增.修改,新增需要验证其中两个字段,而修改只需要验证其中一个字段:还有种情况,也是我们现在用到的,同一张表(同一个m ...

  8. intersect for multiple vectors in R

    Say you have a <- c(1,3,5,7,9) b <- c(3,6,8,9,10) c <- c(2,3,4,5,7,9) A straightforward way ...

  9. 基于HTML5 Canvas 实现弹出框

    用户鼠标移入时,有弹出框出现,这样的需求很常见.这在处理HTML元素实现时简单,但是如果是对HTML5 Canvas 构成的图形进行处理,这种方法不再适用,因为Canvas使用的是另外一套机制,无论在 ...

  10. hdu4417

    hdu4417 题意 给定一个数列,每次查询一个区间,和一个值h,问区间内有多少个数小于等于h. 分析 二分数的个数,划分树求解判断是否满足条件,划分树求解的是第k小的数,那么前面k个数肯定不大于这个 ...