对话框在文本区域下方提到

时间:2019-03-27 07:36:04

标签: popup

我有一个文本区域,我输入了一个脚本,允许我通过@我提到用户来提及它,我有一个问题,在打开用户列表的div中,我将其绘制在文本区域下:

https://imgur.com/FwJ6alE

如下所示,我如何找到一种解决方案,使该div出现在您键入的文本下方的文本区域中?例子

https://imgur.com/DONSCSB

这是文本区域

<div class="emojionearea-editor" contenteditable="true" placeholder="A cosa stai pensando?" tabindex="0" dir="ltr" spellcheck="false" autocomplete="on" autocorrect="on" autocapitalize="off"></div>

这是对话窗口

<div class="jmentions-dropdown"></div>

这是用于回调数据库数据的脚本

  window.onload = function(){
    $('.emojionearea-editor').jMentions({
      source: function(prefix) {
        var dfd = jQuery.Deferred(),
            filteredUsers = [];
        var users =  $.get('mention.php?elm=' + prefix , function(data) {
          data.forEach(function(elm) {
            if (elm.value.toLowerCase().indexOf(prefix.toLowerCase()) != -1) {
              filteredUsers = filteredUsers.concat(elm);
            }
          })

          dfd.resolve(filteredUsers);
        })

        return dfd.promise();
      }
    });
     }; 

我该如何解决?

0 个答案:

没有答案