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();}

转载于:https://www.cnblogs.com/webFrontDev/archive/2013/02/01/2888558.html

jQuery-星级评价相关推荐

iOS：自己写的一个星级评价的小Demo
重新整理了下自己星级评价的Demo,可以展示星级评价,可以动态修改星级. github的地址:https://github.com/hunterCold/HYBStarEvaluationView a ...
星级评价组件--引发对React组件的思考
机缘巧合之下,我在接到我司产品星级评价需求的前一天,看到了蜗牛老湿的<★tiny-rate 东半球最小的评级组件☆>,在大佬的启发下我就十分顺手的撸了一个移动端用的星级评价组件. 本篇会涉 ...
微信小程序实现星级评价和效果展示
效果图片蓝色图片的颜色可以用 Photoshop CS6 更改,鼠标放在图片上可以看到图片的文字 WXML <view class="container">< ...
@小程序vant-rate星级评价Button多选功能实现
效果图 wxml 部分 <view class="nav_box"><view class="rate"><van-ratenam ...
仿淘宝实现多行星级评价
最近再做一个评价功能,当时首先想到的是淘宝的评价功能,感觉那个不错,由于是初学者所以还不是很会,于是在网上百度了一下,我发现网上的都是只有一行星级评价功能,所以我在他 <script type= ...
vue实现一个星级打分效果_Vue实现星级评价效果
我们把星级评价单独做成一个Star组件,抽离出来,其中父组件中引入(传入的是评分的值) 初始Star.vue {{ score }} export default { name: 'Star', pr ...
vue实现一个星级打分效果_Vue实现星级评价效果实例详解
我们把星级评价单独做成一个Star组件,抽离出来,其中父组件中引入(传入的是评分的值) 初始Star.vue {{ score }} export default { name: 'Star', pr ...
java石头人,LOL英雄星级评价第一期:属于你的本命上单
导语:选择一个英雄是一个很重要的过程,尤其对于新手而言,当然对于高手之间的克制博弈也至关重要,所以往往我们玩好了一个英雄,可以让你终生受益,上单英雄星级评价,从各个角度更加直观的显示出每个英雄的优缺点 ...
星级评价的代码php,JavaScript_使用jQuery实现星级评分代码分享，前面有一篇原生js实现星级评 - phpStudy...
使用jQuery实现星级评分代码分享前面有一篇原生js实现星级评分 .可能覆盖面不是很广,现在给出一个jquery实现的星级评分. http://s.thsi.cn/js/jquery-1.7.2. ...
通过jquery实现星级评价效果
/* * 思路: * 1.先封装一个函数,点亮指定颗数的星星: * 通过each遍历所有li,判断当前li的下标是否小于num,若小于就重新设置当前li的背景图片的位置为点亮的星星的位置 * 2.为每 ...

jQuery-星级评价

jQuery-星级评价相关推荐

最新文章

热门文章