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

时间:2013-05-05 10:37:04

标签: javascript jquery tags magicsuggest

我正在创建一些输入字段来插入搜索标记(与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()

1 个答案:

答案 0 :(得分:1)

答案在FAQ。查看问题&#34;使用远程数据时,value属性不起作用。&#34;

这不是微不足道的主要原因是客户端组件不知道它通过ajax加载时建议的数据。它的创建方式只能添加它建议的项目。它不能自己输入免费条目。这只是因为它应该允许您知道何时找不到值,即使您预期它是。

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

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

干杯