codeigniter表情符号选择器js没有加载

时间:2018-03-02 06:43:49

标签: javascript php codeigniter

我正在开发一个类似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; ?>

0 个答案:

没有答案