2017-09-01 41 views
-1

我有一個表單,允許用戶根據需要添加新的textareas。同時我正在嘗試集成一個允許用戶輕鬆添加表情符號的表情符號選擇器。我使用的一個是:然而將Emoji選擇器與動態添加字段的表單集成

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

的問題是,雖然一切正常,當只有一個textarea的存在預期,此刻的你添加額外的文字區域整個事情斷裂。

我試着在JSFiddle中重新創建問題,但是我無法讓表情符號選擇器在其中工作。但是,它會讓你瞭解表單的工作原理。

https://jsfiddle.net/sduq28bu/

<html> 
</html> 

基本上我想要表情符號選擇器上的所有用戶添加的文字區域工作。

任何想法?

回答

0

我解決您的jsfiddle和評論它 https://jsfiddle.net/mr0jas/sdcuytgq/

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

對於表情符號,工作在每一個文本區域,則必須重新初始化jQuery函數來調用。因爲你通過jQuery注入新聞textareas,所以你必須在函數中添加emojionPicker,以增加動作。

jsfiddle評論了更改,以獲取更多信息

+0

呃,這真的很有幫助!非常感謝。 我注意到的唯一問題是,菜單似乎最終與重複的位,你添加更多的表單元素? – user5838014

+0

並扼殺第一個文本區域中的笑臉變得越來越黑暗? – user5838014

+0

這是emojionePicker instace複製N次。你必須確定在哪裏調用emojionePicker – MR0

相關問題