javascript - Socket.IO + 表情符号

标签 javascript jquery css socket.io

几周以来我一直在处理表情符号问题。我一直在尝试使用 socket.io 将表情符号添加到聊天中。 我尝试过 CSS emoji、Javascript emoji 等等。我尝试了不同的选择,但似乎没有任何效果。我有点绝望,因为尽管我尝试使用不同的选项,但我根本没有显示“表情符号”。

现在我正在使用这个存储库:https://github.com/wedgies/jquery-emoji-picker 我检查了自述文件,按照示例进行操作,但没有,再次不起作用。

这是我的 HTML 代码,第一个 CSS 是我用于 socket.io 的 CSS

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Chat</title>
  <link rel="stylesheet" href="style.css">




<link rel="stylesheet" type="text/css" href="css/jquery.emojipicker.css">
  <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
  <script type="text/javascript" src="js/jquery.emojipicker.js"></script>

  <!-- Emoji Data -->
  <link rel="stylesheet" type="text/css" href="css/jquery.emojipicker.a.css">
  <script type="text/javascript" src="js/jquery.emojipicker.a.js"></script>

  <script type="text/javascript">
    $(document).ready(function(e) {

      $('#text-custom-trigger').emojiPicker({
        width: '300px',
        height: '200px',
        button: false
      });

      $('#input-default').emojiPicker();

      $('#input-custom-size').emojiPicker({
        width: '300px',
        height: '200px'
      });

      $('#input-left-position').emojiPicker({
        position: 'left'
      });

      $('#trigger').click(function(e) {
        e.preventDefault();
        $('#text-custom-trigger').emojiPicker('toggle');
      });

    });
  </script>

  <style type="text/css">

    #emojiPickerWrap {margin:10px 0 0 0;}
    .field { padding: 20px 0; }
    textarea { width: 400px; height: 200px; }
  </style>


</head>
<body>
  <ul class="pages">
    <li class="chat page">
      <div class="chatArea">
        <ul class="messages"></ul>
      </div>
      <input class="inputMessage" id="input-default" placeholder="¿Qué quieres decir?"/>
    </li>
    <li class="login page">
      <div class="form">
        <h3 class="title">Ingresa un nombre de usuario</h3>
        <input class="usernameInput" type="text" maxlength="14" />
      </div>
    </li>
  </ul>

  <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
  <script src="/socket.io/socket.io.js"></script>
  <script src="/main.js"></script>


</body>
</html>

我知道这很容易,但知道这一点更令人沮丧。 感谢您的帮助和建议。

致以诚挚的问候。

最佳答案

我没有您的开发环境中可能拥有的所有代码,但根据您提供的内容,我能够组合一个 JSFiddle,它似乎对我来说工作得很好。 JSFiddle 这段代码似乎很好地显示了表情符号按钮 - $('#input-default').emojiPicker();

关于javascript - Socket.IO + 表情符号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31666040/

相关文章:

javascript - ActionLink 图像悬停按钮效果与鼠标事件

javascript - 多项选择,语法错误,无法识别的表达式:option [value = cc dd]

html - 一行中的两个 div,下一行中的另外两个

jquery - 如何将红色 div 放在 jquery 对话框的右上角?

jquery simplemodal 在 POST 后重定向到父页面

javascript - 提交联系回复到电子邮件

html - 制作按顺序流动的列布局

javascript - 从 &lt;script&gt; &lt;/script&gt; 访问 <% %> 中定义的变量

javascript - 如何将 Facebook 评论添加到单页应用程序?

javascript - 如何使表单提交同步?