2

所以我在我的评论系统中使用了这个插件https://github.com/podio/jquery-mentions-input，一切正常，但我想添加一个功能。这个功能是当我点击一个链接（回复）时，它会在光标所在位置的文本区域中添加用户名的提及/标签。

有谁知道如何做到这一点？

一旦我已经添加了一个标签（写@字符），我就可以添加一个提及。我发现在单击链接时 textarea 的初始化和光标的位置存在问题，但我似乎无法弄清楚如何使其工作。

我在我的 jquery 文件中添加了一个 addReply 函数。

// Public methods
return {
  init : function (options) {
    settings = options;

    initTextarea();
    initAutocomplete();
    initMentionsOverlay();
  },

  val : function (callback) {
    if (!_.isFunction(callback)) {
      return;
    }

    var value = mentionsCollection.length ? elmInputBox.data('messageText') : getInputBoxValue();
    callback.call(this, value);
  },

    addReply : function (id, text, type) {
       initTextarea();
       initAutocomplete();
       initMentionsOverlay();
       addMention(text, id, type);
    },

  reset : function () {
    elmInputBox.val('');
    mentionsCollection = [];
    updateValues();
  },

  getMentions : function (callback) {
    if (!_.isFunction(callback)) {
      return;
    }

    callback.call(this, mentionsCollection);
  }
};

并使用与 textarea 在同一页面上的这个小脚本调用它（值仅用于测试）

$('.add-mention').click(function() {
  $('textarea.mention').mentionsInput('addReply',('Joris', 9, 'contact') );
});

经过测试，大问题看起来像没有@，jquery代码找不到标记的开头将在哪里开始，因此没有添加它。

我希望有人可以帮助我，它开始让我发疯！

谢谢乔里斯
_

4

1 回答 1

2

Joris - 如果你还没有弄清楚这个，请看看这个 - https://github.com/podio/jquery-mentions-input/pull/37

于 2012-05-03T16:12:36.673 回答