如何在键入后将我的标签显示为链接？

Question

现在我正在使用acts-as-taggable-on代码和rails3-jquery-autocomplete来自动填写代码。一切都已设置，但我想要效果，所以一旦他们完成输入标签，在文本框下面会出现他们输入的任何标签，就像在这个网站上提问时一样。

任何人都可以向我展示或指出正确的方向来做这个网站是如何做到的吗？

谢谢！

Answer 1

如果你自己编写，那么使用jquery应该是非常简单和直接的东西。 你需要这些东西 -

• 在输入字段上设置一个jquery观察者，我猜.change会做的。
• 然后是一个javascript函数update_tags（），它将由observer的.change事件调用。然后，此函数将更新输入字段正下方的“div”标记，以更新其中的标记。
• 在update_tags（）函数中，您只需要使用.val（）函数从输入字段中获取所有数据，然后用空格分割它们。这将为您提供所有标签的数组。现在遍历这个数组来创建链接元素（标签）并将它们附加在输入字段下面的“div”中。
• 在此之后剩下的就是为我们在div中添加的那些标签添加好的css。

即使检查这个网站的标签html也会对那里的css和html有很好的了解。