zoukankan      html  css  js  c++  java
  • jQuery星级评价

    // 星级评价
    
        var StarRating = {
            score: 0,
            message: ['1分|很不满意', '2分|不满意', '3分|一般', '4分|满意', '5分|很满意'],
            obj: '.star_rating_wrapper',
            init: function (callback) {
                var that = this;
                var $ele = $(this.obj);
                var $star = $ele.find('span');
                $star.on({
                    'click': function () {
                        that.score = $(this).index();
                        $(this).addClass('selected').siblings().removeClass('selected');
                        that.showMsg(that.score);
                        if (callback) {
                            callback.call(this, that.score);
                        }
                    },
                    'mouseover': function () {
                        $(this).addClass('on').siblings().removeClass('on').end().prevAll().addClass('on');
                    },
                    'mouseout': function () {
                        var score = that.score + 1;
                        $(this).parent().children().removeClass('on');
                        $(this).parent().find('span:lt(' + score + ')').addClass('on');
                    }
                });
            },
            uninit: function () {
                var $ele = $(this.obj),
                    $star = $ele.find('span');
                $star.off('click').off('mouseover').off('mouseout');
            },
            showTip: function (msg) {
                // TODO
            },
            showMsg: function (i) {
                var msg = this.message[i];
                $('#starMsg').remove();
                $('<span id="starMsg">' + msg + '</span>').insertAfter($(StarRating.obj));
            }
        };
        
        // demo:
        StarRating.init(function (i) {
            // console.log(i);
        });
    
        if($('.star_rating_wrapper').parent().hasClass('ci_yourEva_con')) {
            StarRating.uninit();
        }
  • 相关阅读:
    weblogic中server的启动
    oracle connect by
    DBA常用的一些视图和sql
    查询分类并实现分类统计SQL存储过程
    从一组数据中寻找第K大的数
    一个关于StringBuilder延伸类
    总结.net的技术特性
    C#Reflection学习记录
    Asp.net 安全补丁发布
    比较无聊的while与for的较量。
  • 原文地址:https://www.cnblogs.com/webFrontDev/p/2888558.html
Copyright © 2011-2022 走看看