EmojiOne Picker无法显示

Question

我正在尝试让EmojiOne用于我的帖子评论系统，但是它无法正常工作，我不知道为什么。

我的原始评论输入部分如下所示：

    <div class="media-body">
    <form action="" method="post" accept-charset="UTF-8" id="form_reply_post">
        <input type="hidden" name="id_reply" id="id_reply" value="<?php echo $this->data->id; ?>">
        <input type="hidden" name="token_reply" id="token_reply" value="<?php echo $this->data->token_id; ?>">
        <textarea class="form-control textarea-text" name="reply_post" id="reply_post" style="overflow: hidden; word-wrap: break-word; height: 15em;"></textarea>

        <div class="help-block">
            <button type="submit" disabled="disabled" style="opacity: 0.5; cursor: default;" id="button-reply-status" class="btn btn-info btn-xs btn-border">
                <?php echo $_SESSION['LANG']['reply'] ?>
            </button>
        </div>
    </form>
    </div>

文本区域有一个id="reply_post"文件，我在ajax文件中使用该文本行处理用户的评论。为了集成EmojiOne，我首先添加了库：

  <link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/mervick/emojionearea/master/dist/emojionearea.min.css">
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <script type="text/javascript" src="https://cdn.rawgit.com/mervick/emojionearea/master/dist/emojionearea.min.js"></script>

并将其添加到body标签之前：

<script>
$(document).ready(function(){
$("#reply_post").emojioneArea({
  pickerPosition: "top",
      tonesStyle: "square"
  });
});
</script>

到目前为止，我得到的结果（请参见上图），选择器按钮正确显示在textarea内部，并包含emojionearea.min.css中设置的样式，仅此而已。当我单击它时，不会出现。我只能看到的变化是textarea底部的蓝色边框阴影。

此外，当我单击笑脸打开选择器时，正在生成此代码

但我不知道在哪个确切文件中。 emojionearea-editor div元素（没有ID）似乎包含以前由我自己的textarea处理的带有“ reply_post” ID的文本。

我必须缺少一些东西才能使它起作用。任何帮助表示赞赏。