将表情符号选择器与具有动态添加字段的表单集成

时间:2017-09-01 19:35:51

标签: javascript

我有一个表单,允许用户根据需要添加新的textareas。与此同时,我尝试集成一个表情符号选择器,允许用户轻松添加表情符号。我正在使用的是:

http://www.jqueryscript.net/form/jQuery-EmojiOne-Based-Emoji-Picker-For-Textarea.html

然而问题是,虽然只有一个textarea存在时,一切都按预期工作,但是当你添加额外的textareas时,整个事情就会中断。

我试图在JSFiddle中重新创建问题,但我无法让表情符号选择器在其中工作。但是,它会让您了解表单的工作原理。

https://jsfiddle.net/sduq28bu/

<html>
</html>

基本上我希望表情符号选择器能够处理用户添加的所有textareas。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

我修复你的jsfiddle并评论它 https://jsfiddle.net/mr0jas/sdcuytgq/

newEntry.find('textarea.form-control').val('').emojionePicker();

为了让emojis在每个文本区域都有效,你必须重新初始化jQuery函数来调用它。因为你通过jQuery注入新闻textareas,所以你必须在函数trivo中添加动作来演绎emojionPicker。

jsfiddle已对更改进行了评论,以获取更多信息