MagicSuggest 使用 HTML 或 jQuery 代码添加自定义标签答案

【问题标题】：MagicSuggest add custom tags with HTML or jQuery codeMagicSuggest 使用 HTML 或 jQuery 代码添加自定义标签
【发布时间】：2013-05-05 10:37:04
【问题描述】：

我正在创建一些输入字段来插入搜索标签（与 StackOverflow 完全相同的方法）。当字段加载时没有标签时效果很好。

问题是我想将自定义标签添加到字段 onLoad。我从Documentation 知道您可以添加作为建议输入的标签，但我要添加的标签不在数据库中（我正在从中加载）。

我试过这个：

1.
<input type="text" value="tag1,tag2,tag3" />

2.
<input type="text" value="['tag1','tag2','tag3']" />

3.
$('.tags').magicSuggest({
     width: 300,
     maxSuggestions: 5,
     data: json,
     ...,
     value: ["tag1","tag2","tag3"]
});

还有更多类似的东西。

我也考虑过遍历标签并将其添加到带有 ID 的 data: json，然后使用 value: [ID1,ID2,ID3]，但必须有更简单的方法！

我在这里创建了一个 jsFiddle：http://jsfiddle.net/y4MnW/

希望有人能帮我完成剧本的最后润色。

更新：

每个项目都应该单独激活，而不是同一个类。之后可以添加.addToSelection()

【问题讨论】：

标签： javascript jquery tags magicsuggest

【解决方案1】：

答案在FAQ。查看问题“处理远程数据时 value 属性不起作用。”

这不是微不足道的主要原因是客户端组件不知道它通过 ajax 加载时建议的数据。它的创建方式只能添加它建议的项目。它不能自行输入免费条目。这仅仅是因为它应该让您知道什么时候没有找到某个值，即使您期望它是。

预加载现有值或不存在值的最佳方法是在初始 ajax 加载中使用参数，并告诉服务器您要为初始加载预加载哪种数据。常见问题解答中提供了一个示例。

您还可以查看https://github.com/nicolasbize/magicsuggest/issues/21，这对于不同的用例方法存在类似的问题。

干杯

【讨论】：