如何讓我的標籤在鍵入後顯示爲鏈接？

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的良好洞察力。