如何使我的标签在输入后显示为链接？

Question

现在我正在使用 acts-as-taggable-on 作为标签和 rails3-jquery-autocomplete 自动完成标签。一切都已设置，但我想要效果，因此一旦他们输入标签，文本框下方就会出现他们输入的任何标签，就像在该网站上提问时一样。

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

谢谢你！

Answer 1

如果你自己编写的话，使用 jquery 应该是非常简单明了的东西。
你将需要这些东西 -

• 在输入字段上设置一个 jquery 观察者，我想 .change 可以解决问题。
• 然后是一个javascript函数update_tags()，它将被观察者的.change事件调用。然后，此函数将更新输入字段正下方的“div”标签，以更新其中的标签。
• 在 update_tags() 函数中，您只需使用 .val() 函数从输入字段获取所有数据，然后用空格分隔它们。这将为您提供所有标签的数组。现在迭代此数组以创建链接元素（标签）并将其附加到输入字段下方的“div”内。
• 之后剩下的就是为我们附加到 div 内的那些标签添加良好的 css。

即使检查该网站的 html 标签也将提供有关 css 和 html 的良好见解。