フィールドを動的に追加したフォームに絵文字セレクタを組み込む

-1

必要に応じて新しいテキストエリアを追加できるフォームが用意されています。同時に、私はemojiを簡単に追加できるようにするemojiセレクタを統合しようとしています。私が使用しているものである：フィールドを動的に追加したフォームに絵文字セレクタを組み込む

問題は、しかし、すべてが一つだけテキストエリアが存在する場合に期待どおりに動作しながら、瞬間あなたは追加のテキストエリアに全部ブレークを追加することです。

私はJSFiddleで問題を再現しようとしましたが、Emojiセレクタがその中で動作するようにはできません。ただし、フォームがどのように機能するかを知ることができます。

<html> 
</html>

基本的に私は絵文字の選択は、ユーザーが追加し、すべてのテキストエリアで仕事をしたいです。

アイデア？私はあなたのjsfiddleを修正し、それをすべてのテキスト領域に絵文字作品の https://jsfiddle.net/mr0jas/sdcuytgq/

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

、あなたは再びそれを呼び出すためにjQueryの機能を初期化する必要があります。 jQueryを使ってニューステキストエリアを挿入するので、addアクションで関数内のemojionPickerを呼び起こす必要があります。

jsfiddleさんが変更点についてコメントしました。詳細については、

2017-09-01 21:13:02 MR0

ああ、これは役に立ちます！どうもありがとうございます。私が気づいた唯一の問題は、追加したフォーム要素が多いほど、メニューが重複ビットで終わるように見えることです。 – user5838014

そして、最初のテキスト領域のスマイルな顔が暗くなり暗くなります。 – user5838014

これはemojionePicker instaceがN回複製されたものです。 emojionePickerの呼び出し先を確認する必要があります – MR0

答えて