<!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. jQuery之筛选操作

    jQuery之筛选操作 筛选操作分三大类:过滤,查找,串联 eq(),first(),last(),hasClass(),filter(),is() html代码 jQuery代码 效果如下: map ...

  2. 数据结构与算法系列研究七——图、prim算法、dijkstra算法

    图.prim算法.dijkstra算法 1. 图的定义 图(Graph)可以简单表示为G=<V, E>,其中V称为顶点(vertex)集合,E称为边(edge)集合.图论中的图(graph ...

  3. javase基础回顾（四） 自定义注解与反射

    本篇文章将从元注解.自定义注解的格式.自定义注解与反射结合的简单范例.以及自定义注解的应用来说一说java中的自定义注解. 一.元注解 元注解也就是注解其他注解(自定义注解)的java原生的注解,Ja ...

  4. PHP实现记录日志（文件）

    PHP实现记录日志(文件) php php 记录日志 项目中经常会记录些操作信息,或是打印些关键变量,或者是导入excel文件,提现记录,都需记录.经常遇到,封装一个方法,有不好的地方或补充请留言. ...

  5. java基础之数组常用操作

    常用的对数组进行的操作 1.求数组中最大值,最小值 思路:假设下标为0的元素是最大值,遍历数组,依次跟max进行比较,如果有元素比这个max还大,则把这个值赋给max.最小值同样 public cla ...

  6. 一天搞定CSS： 浮动（float）的副作用--12

    我们通常使用浮动来实现某些元素的布局,但是往往这些元素浮动会影响其他元素的布局,因此会产生副作用. 如果你还不清楚什么是浮动,那就点开这个链接: http://blog.csdn.net/baidu_ ...

  7. Java对【JSON数据的解析】--Gson解析法

    Gson和fastjson分别为谷歌和阿里巴巴对JSON数据进行处理封装的jar包 两者异同点: 相同点:都是根据JSON数据创建相应的类 不同点: 1.调用方式区别 谷歌:方法都是非静态的,需要先创 ...

  8. C语言指针声明探秘

    C语言指针声明探秘

  9. Java-集合框架总结

    集合框架: Java中的集合框架大类可分为Collection和Map:两者的区别: 1.Collection是单列集合:Map是双列集合 2.Collection中只有Set系列要求元素唯一:Map ...

  10. “海市蜃楼”般的逛街体验——VR全景智慧城市常诚

    <史记·天官书>:"海旁蜃气像楼台:广野气成宫阙然." 海市蜃楼,简称蜃景,是一种因为光的折射和全反射而形成的自然现象,是地球上物体反射的光经大气折射而形成的虚像. 2 ...