评论:jquery星星评分插件Bootstrap Star Rating  [查看原文]

所属分类:输入-投票率

 230119  438  67
当前第1页 / 共4页
    Chenyun0
    2021/3/11 17:22:32
    jQuery(document).ready(function() {
        var $inp = $('#rating-input');
    
        $inp.rating({
            min: 0,
            max: 5,
            step: 1,
            size: 'xs', //lg xs xl 大小
            readonly: false, //只读
            showCaption: false, //不显示右边内容
            showClear: false //清除按钮
        });
    
        $inp.rating("showStars", 0); //默认显示
    
        $inp.on('rating.change', function() {
            //alert($('#rating-input').val());
            //刷新
            //$inp.rating('refresh', {
            //    showClear: false,
            //    readonly: true
            //});
        });
    
    });
    回复
    Myself0
    2019/9/10 14:14:46
    效果确实不错,不过解释或者使用文档太少,很多东西要自己找 回复
    如此形象0
    2019/6/12 17:18:32
    怎么设置中文啊
        Myself0
        2019/9/10 14:11:12
        language : 'zh' 试试
    回复
    -WF0
    2019/3/18 10:19:36
    怎么把星星后面的显示换成自己想要的文字
        周爱龙0
        2019/6/4 14:03:33
        搞好了吗兄弟
        Myself1
        2019/9/10 14:13:49
        $('#star').rating({
           starCaption: function( val ){
               return val;  //实际值1, 2, 3...
               //如果要更个性化,可以根据对应值做判断
           }
        });
        堇年小暖0
        2019/12/30 10:49:20
        兄弟,还是不知道,怎么设置星星后面的字,想替换掉
        areyouOk1
        2019/12/30 11:25:19

        在star-rating.js中设置,很简单

        starCaptions: {
            0.5: 'Half Star',
            1: 'One Star',
            1.5: 'One & Half Star',
            2: 'Two Stars',
            2.5: 'Two & Half Stars',
            3: 'Three Stars',
            3.5: 'Three & Half Stars',
            4: 'Four Stars',
            4.5: 'Four & Half Stars',
            5: 'Five Stars'
        },
    回复
    Fan.0
    2019/3/16 21:50:18
    怎么设置只读不可点击
        -WF0
        2019/3/18 10:20:10
        readonly
    回复
    请叫我408哥哥0
    2018/9/25 9:56:53
    想去掉clear按钮,半天去不掉
        AndyZau1
        2019/2/15 9:31:21
        将showClear: false设置为false
    回复
    就算时光倒流又能做什么0
    2018/8/29 16:05:39
    如何禁止鼠标点击星星呢 回复
    ζ??????°Se7en0
    2018/7/19 10:11:51
    放到eclipse里面 看不到效果 回复
    离人泪0
    2018/6/21 15:06:31
    很好用,几行代码就搞定了,不过还是建议出个解释文档 回复
    pptty0
    2018/3/18 17:16:10
    好东西,看看怎么操作 回复
    挽风0
    2018/2/8 14:42:55
    提交后,怎么让它不可编辑呢
        Chenyun1
        2021/3/11 17:12:13
        $inp.rating('refresh', {
            showClear: false,
            disabled: !$inp.attr('disabled')
        });
        Chenyun1
        2021/3/11 17:14:26


        $inp.rating('refresh', {
            showClear: false,
            readonly: true
        });
    回复
    常耀中0
    2017/12/23 15:14:42

    怎样去掉星星后面的显示啊,急求

        簽約乄芐﹃站/ka0
        2018/1/12 15:02:51
        showCaption这个配置设置为false
        簽約乄芐﹃站/ka1
        2018/1/12 15:04:06

        data-show-caption="false"

    回复
    月光倾泻未必凄凉0
    2017/11/22 10:55:04
    本地显示,动态加载不显示,怎么办? 回复
    约定……0
    2017/11/6 16:48:27
    执念若相思0
    2017/10/31 18:00:18

讨论这个项目(67)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复