使用jQuery-emoji插件，点击表情没有弹出全部表情图片

点击表情按钮，然后没有弹出全部表情信息，控制台输出信息如上。

关于该问题，我找了一篇非常好的博客，你可以看看是否有帮助，链接：jQuery-emoji插件的使用
除此之外, 这篇博客: 基于jQuery的emoji表情插件中的 基本介绍： 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

项目效果：

效果图

在线演示：demo

下载该插件：emoji_jQuery

引入该插件：

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>

<script src="emoji_jQuery.min.js"></script>

注意：该插件依赖与jQuery3.3.1版本，要使用首先引入jQuery才行。

使用方法：

<div id="test"></div>
<div id="div-emoji">
    <p>
        <input id="input" type="text">
    </p>
    <p>
        <button id="send">发送</button>
        <button id="btn">emojiBtn</button>
    </p>
</div>

$.Lemoji({
    emojiInput: '#input',
    emojiBtn: '#btn',
    position: 'LEFTBOTTOM',
    length: 8,
    emojis: {
        qq: {path: 'static/images/qq/', code: ':', name: 'QQ表情'},
        tieba: {path: 'static/images/tieba', code: ';', name: "贴吧表情"},
        emoji: {path: 'static/images/emoji', code: ',', name: 'Emoji表情'}
    }
});

解析表情字符：

$('#send').click(function () {
    var content = $('#input').val();
    content = $.emojiParse({
        content: content,
        emojis: [{type: 'qq', path: 'static/images/qq/', code: ':'}, {
            path: 'static/images/tieba/',
            code: ';',
            type: 'tieba'
        }, {path: 'static/images/emoji/', code: ',', type: 'emoji'}]
    });
    $('#test').html(content);
});

具体请看github：地址

如有错误，请指出来，我进行改正，项目里的图片均来自网络，侵权则联系删除