EmojiRating是一个小型但可定制的jQuery产品/帖子/文章评级插件，它使用表情符号来评级符号。

预定义的表情符号：

• 愤怒：“&#x1F620；”，
• 失望：“&#xF61E；”，
• meh: '😐',
• 快乐：“&#x1F60A；”，
• 微笑：“&#x1F603；”，
• 传情动漫：“&#x1F609；”，
• 大笑：“&#x16F606；”，
• 内侧：'&#x1F60D；'，
• 哭泣：“&#x16F622；”，
• 星形：“&#x2B50；”，
• 便便：“&#x1F4A9；”，
• 猫：“&#x16F63A；”，
• 如：“&#x1F44D；”，
• 与“&#x1f44e；”不同，
• 心脏：'&#x2764'，
• 不喜欢：“&#x1F44E；”，
• 云：'&#9729；'，
• 黑启动：'&#9733；'，
• 彗星：“&#9732；”，
• 伞形：'&#9748；'，
• 头骨：“&#9760；”，
• 放射性：“&#9762；”，
• 生物危害：“&#9763；”，
• aries: '♈',
• 牛头怪：“&#9801；”，
• 双子座：“&#9802；”，
• 癌症：“&#9803；”，
• 利奥：“&#9804；”，
• 处女座：“&#9805；”，
• libra: '♎',
• 天蝎座：“&#9807；”，
• 射手座：“&#9808；”，
• 摩羯座：“&#9809；”，
• 宝瓶座：“&#9810；”，
• 双鱼座：'&#9811；'

如何使用它:

1.插入主JavaScript文件表情符号.js在jQuery库之后，但在关闭body标记之前。

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/emoji.js"></script>

2.调用函数表情符号（）在容器中生成默认的表情符号评级控件。

$(function(){
  $("#emojiContainer").emoji();
});

3.指定要使用的表情符号数组。

var emojis = ['poop','unlike', 'like', 'star', 'inlove'];
$("#emojiContainer").emoji({
  emojis: emojis
});

4.所有可用于配置表情符号分级控制的默认插件选项。

$("#emojiContainer").emoji({
  opacity: 0.3,
  value: 3, // current rating score
  width: '20px',
  emojis: ['😠','😞','😐','😊','😃'],
  event: 'click',
  disabled: false,
  count: 0, // max number of rating symbols
  color: '',
  title: '',
  animation: '', //shake, shake-slow, shake-hard, shake-horizontal, shake-vertical, shake-rotate, shake-opacity, shake-crazy, shake-chunk
  debug: false,
  starRating: true, // Enables star rating style
});

5.手动设置额定值。

$("#emojiContainer").emoji("setvalue", 5);

6.获取当前额定值。

$("#emojiContainer").emoji("getvalue");

7.启用/禁用额定值控制。

// enable
$("#emojiContainer").emoji("enable");

// disable
$("#emojiContainer").emoji("disable");

8.更改评级值后执行回调功能。

// on click
$("#emojiContainer").emoji({
  callback: notifyMe 
});
function notifyMe(event, value){
  alert("Event: " + event + " - Current value: " + value);
}

// on mouse over
$("#emojiContainer").emoji({
  callback: notifyMe, 
  event: 'mouseover' 
});
function notifyMe(event, value){
  alert("Event: " + event + " - Current value: " + value);
}

更新日志：

2022-02-13

• 增加了切换星级评定风格的功能

2018-08-17

• 错误修复

2018-04-11

• JS更新

预览截图

jQuery 基本表情符号评分插件 表情符号评分