jQuery标记输入在h5邮件客户端中应用详解

摘要

最近一直在折腾邮件的h5应用，为了保证在个人电脑、ios、安卓端都可以使用，所以使用H5页面的方式嵌入应用的webview中。

页面

用户界面大概是这样的

Jquery标记输入下载：http://xoxco。com/project/code/tagsinput/

首先引入射流研究…和钢性铸铁

输入框

输入名称='tags' id='tags '值='wolfy，wolf 2 '/上面的输入框，有默认的价值，你可以直接调用标签输入方法，使其变为标签

$('#tags ').tagsInput()；如果想添加自动完成功能，可以添加如下参数

$('#tags ').tagsInput({ autocomplete _ URL : ' http://my server。com/API/自动完成' })；你可以通过添加标签和removeTag方法添加和删除标签

$('#tags ').addTag(' foo ')；$('#tags ').移除标签('栏')；你可以通过下面的方法，一次添加多个标签

$('#tags ').importTags('foo，bar，baz ')；注意：该方法如果传入空，则会清空投入内容。

可以判断是否已经存在某个标签

if ($('#tags ').标记存在(' foo '){ 0.} 如果你希望在添加或者删除后，有其他的操作，该插件也提供了添加和删除的回调函数。

//$('#tags ').tagsInput({//////' autocomplete _ URL ' : URL _ to _ autocomplete _ API，////' autocomplete ' : { option : value，option: value }，/'height': '100px '，//'width': '300px '，/'interactive': true，/'defaultText': '添加一个添加了，标签);//}，//'onRemoveTag':函数（标记){//console.log('移除了，标签);//}，//'onChange':函数（标记){//console.log('变化了，标签);//},//'分隔符' : [',',';'],//或带有单个分隔符的字符串ex : '；//' removeWithBackspace ' : true，//'minChars': 0，//'maxChars': 0，//如果不提供则没有限制//'占位符颜色' : ' # 666666 '//})；