我正在开发一个类似Web应用程序的聊天,用户可以在其中评论他们的文本。现在我想在评论框中添加表情符号。我在主要布局中的代码加载表情符号js,
overflow-x:hidden
我使用foreach加载所有帖子,例如
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="<?php echo base_url() ?>scripts/libraries/jquery.emojipicker.js"></script>
<script src="<?php echo base_url() ?>scripts/libraries/jquery.emojis.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$('#editor-textarea').emojiPicker();
$('#feed-comment-input').emojiPicker();
$('#input-default').emojiPicker();
$('#input-custom-size').emojiPicker({
width: '300px',
height: '200px'
});
$('#input-left-position').emojiPicker({
position: 'left'
});
$('#create').click(function(e) {
e.preventDefault();
$('#text-custom-trigger').emojiPicker({
width: '300px',
height: '200px',
button: false
});
});
$('#toggle').click(function(e) {
e.preventDefault();
$('#text-custom-trigger').emojiPicker('toggle');
});
$('#destroy').click(function(e) {
e.preventDefault();
$('#text-custom-trigger').emojiPicker('destroy');
})
// keyup event is fired
$(".emojiable-question, .emojiable-option").on("keyup", function () {
//console.log("emoji added, input val() is: " + $(this).val());
});
});
如何为所有帖子加载js(foreach)
表情符号应该加载每个帖子,但它只加载到第一个帖子。我无法猜出为什么它没有加载其他帖子的评论。或者是什么&#39 foreach的问题?有人可以帮我解决这个问题吗?
或直接在emojipicker.js中传递元素&#39; ll解决探测?喜欢,
<?php foreach($posts->result() as $r) : ?>
....<posts>...
<div class="field">
<input type="text" id="input-default" class="emojiable-option" placeholder="Default">
</div>
<?php endforeach; ?>