2つのEmojioneエリアを1ページにまとめました。

Question

私は大きな問題があります。私は1ページ（テキストエリア）に2つの異なるemojioneareを設定したいのですが、このemojioneareaの高さを変更することはできません。

HTML

<textarea id="Emoji" ></textarea> 
<textarea id="Emoji1"></textarea> 

JQ

$(document).ready(function() { 
    $("#Emoji").emojioneArea({}); 
}); 

$(document).ready(function() { 
    $("#Emoji1").emojioneArea(); 
    $('.emojionearea').css({height:'500px'}) 
}); 

そして問題は、CSS（）JQにあなたが持っているあなたの助けとtime`

Answer 1

ため

おかげで動作していないということですtextareaをコンテナに入れて、スタイルを.emojionearea-editor要素に設定します。

HTML

<div id="container1"> 
    <textarea id="Emoji1"> 3em height</textarea> 
</div> 
<br> 
<br> 
<div id="container2"> 
    <textarea id="Emoji2"> 9em height</textarea> 
</div> 

CSS

#container1 .emojionearea-editor { 
    min-height: 3em !important; 
} 

#container2 .emojionearea-editor { 
    min-height: 9em !important; 
} 

JS

$(document).ready(function() { 
    $("#Emoji1").emojioneArea({ 
    pickerPosition: "bottom", 
    tonesStyle: "bullet", 
    }); 
    $("#Emoji2").emojioneArea({ 
    pickerPosition: "bottom", 
    tonesStyle: "bullet", 
    }); 
}); 

実施例全ての投稿では、PHPで使用する動的なIDを追加使用する方法

Answer 2

https://jsfiddle.net/dorjv2ej/。

下記のコードをご確認ください。

$(document).ready(function() { 
     var gid= $('.dp_comment').data("comment-id"); 

    $("#comment_"+gid+"").emojioneArea({}); 
    });