jQuery.raty评分插件使用方法

最新推荐文章于 2022-06-22 22:51:19 发布

linwha1990

最新推荐文章于 2022-06-22 22:51:19 发布

阅读量3.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS jQuery 文章标签： jQuery raty

本文链接：https://blog.youkuaiyun.com/linwha1990/article/details/78987422

JS 同时被 2 个专栏收录

4 篇文章

订阅专栏

jQuery

2 篇文章

订阅专栏

本文介绍如何利用jQuery Raty插件创建一个可交互的星级评分系统。通过设置不同的参数，如分数精度、提示信息等，可以定制化的显示评分结果。此外，还介绍了如何通过JSON请求来处理评分数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(function() {
    $(".raty").raty({
        number: 5,
        score: function() {
            return $(this).attr('data-score');
        },
        targetType: 'hint',
        path: RESOURCE_ADMIN_URL + 'js/jquery.raty/img',
        hints: ['差', '一般', '好', '非常好', '全五星'],
        cancelOff: 'cancel-off.png',
        cancelOn: 'cancel-on.png',
        starHalf: 'star-half.png',
        starOff: 'star-off.png',
        starOn: 'star-on.png',
        cancel: true,
        targetKeep: true,
        cancelHint: '取消星级',
        precision: true,//开启小数
        click: function(score, evt) {
            var $this = $(this);
            var sId = $this.parents('tr[data-id]').attr('data-id');
            var star = score.toFixed(1);
            $.getJSON(url, data,
            function(json) {});
        }
    })
})