javascript – 使用Select2插件标记Twitter和Facebook

前端之家收集整理的这篇文章主要介绍了javascript – 使用Select2插件标记Twitter和Facebook前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用以下代码来简单地搜索并将朋友标记到文本字段,然后我将其传递给Ajax Post.从我的图片中可以看出,我只能允许用户一个接一个地标记好友.我想模仿Facebook和Twitter,并允许用户键入状态更新,然后在键入“@”时调用select2进行ajax调用搜索朋友,而不是限制用户仅键入朋友的名称进行标记.
这是我目前的代码
$("#tag_friends").select2({
      formatResult: peopleFormatResult,formatSelection: peopleFormatSelection,tags: true,tokenSeparators: [",",""],multiple: true,placeholder: "Tag Your Friends",minimumInputLength:1,ajax: {
          type: "POST",url: domain+"friendstag",dataType: "json",data: function(term,page) {
          return {
            q: term
          };
        },results: function(data,page) {
          return {
            results: data
          };
        }
      }
    });

    function peopleFormatResult(people) {
        var html = "<table class='people-resultado'><tr>";
        html += "<td class='taggin_image'><img src='"+people.image+"'/></td>";
        html += "<td class='people-info'>";
        html += people.name + "<br />";
        html += "</td></tr></table>";
        return html;
    }

    function peopleFormatSelection(people) {
        return people.name;
    }

我之后在我的ajax帖子中使用它来使用返回的选定ID:

var tagged_friends = $("#tag_friends").select2("val");

以下是目前的情况:

我已经工作了一个星期没有任何进展,我需要它看起来像下图:

用户键入@时,将启动标记.此外,任何想法,如果有人标记了一些朋友,我怎么能抓住用户ID?

我撞到了钢墙.任何帮助将不胜感激.

谢谢.

解决方法

对于那些在将来偶然发现这个问题的人……

我有同样的问题&找到了一个很好的解决方

https://github.com/oozou/jquery-mentionable

我分叉了那个仓库,以便根据我的需求进行定制.例如,它现在将为您标记的每个用户添加隐藏输入:

https://github.com/Root-XS/jquery-mentionable

原文链接:https://www.f2er.com/js/156838.html

猜你在找的JavaScript相关文章