在jquery中的Stack溢出样式标记系统

时间:2011-02-01 23:06:18

标签: php jquery tagging

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

我做了一些谷歌搜索,但找不到任何由jquery驱动的。

2 个答案:

答案 0 :(得分:6)

这是我的实现(我认为SO风格比接受的答案更为真实)。风格可能需要调整,但它在功能上与你在SO上看到的相同。

特点:

  • 采用带逗号分隔的单词的预定义输入字段 - 适用于所有情况,例如编辑已有标记的项目 - 并构建交互式标记编辑从这个信息。

    rails格式的例子:

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

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

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

  • 逗号,空格,返回和制表符会关闭正在编辑或创建的打开标记。

  • 标签上的关闭按钮按预期运行。

在此处找到它:http://jsfiddle.net/bradleygriffith/axjKm/

答案 1 :(得分:3)