【问题标题】:Stack Overflow style tagging system in jqueryjQuery中的堆栈溢出样式标记系统
【发布时间】:2011-02-01 23:06:18
【问题描述】:

我想知道 Stack Overflow 标记系统是否有预建的克隆(或非常相似)。

我已经做了一些谷歌搜索,但是找不到任何由 jquery 提供支持的内容。

【问题讨论】:

标签: php jquery tagging


【解决方案1】:

这是我的实现(我认为这比公认的答案更符合 SO 风格)。样式可能需要调整,但功能上与您在 SO 上看到的相同。

特点:

  • 获取一个预定义的输入字段,其中包含用逗号分隔的单词——非常适合所有情况,例如您正在编辑一个已经有标签的项目——并由此构建交互式标签编辑器信息。

    rails 格式示例:

     <input id="post_tag_list" name="post[tag_list]" value='testing, test, probably, goose, under_score'/>
    
  • 在用户编辑标签时更新隐藏的输入字段,以便提交的表单具有所有所需的标签。

  • 通过(假)标签输入字段向后删除在功能上与删除一长串单词相同,使编辑更自然。

  • 可以点击标签进行编辑。

  • 逗号、空格、回车和制表符关闭正在编辑或创建的打开标签。

  • 标签上的关闭按钮按预期工作。

在这里找到它:http://jsfiddle.net/bradleygriffith/axjKm/

【讨论】:

  • 你有没有为此自动完成?
  • 另外,知道为什么它在旧版本的 IE 中不能正常工作吗?我喜欢这个标签,所以我想使用它,但只是想知道这几件事。
  • 对不起@SeanWM,我没有时间研究这些事情。我很想知道旧版本 IE 中的代码有什么问题,所以如果你解决了这个问题,请给我留言。
【解决方案2】:

【讨论】:

  • 干得好。我打算在我的项目中使用它。想现在它支持数据库功能吗?我将在后端使用 php-mysql。
猜你喜欢
  • 1970-01-01
  • 2010-11-14
  • 1970-01-01
  • 1970-01-01
  • 2011-08-05
  • 1970-01-01
  • 2011-06-22
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多