多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
## HTML元素 ``` <div class="form-group"> <label for="tag_name"><strong><i class="mr-1 fa fa-fw fa-tags"></i>标签</strong></label> <input class="form-control" name="tag_name" id="tag_name" type="text" value="" data-toggle="tags"> <small class="form-text pt-2"> <a class="tag-list text-danger mr-2" href="javascript:;">标签1</a> <a class="tag-list text-danger mr-2" href="javascript:;">标签2</a> <a class="tag-list text-danger mr-2" href="javascript:;">标签3</a> </small> </div> ``` ## JS调用方法 更多参数请参考bootstrap-input,直接追加到配置项结尾即可。 ``` window.daicuo.tags.init({ //被监听元素 selectorInput: '[data-toggle="tags"]', //被监听追加元素 selectorClick: '.tag-list', //标签列表长度限制 maxTags: 8, //单个标签最大长度 maxChars: 20, //标签样式表 tagClass: 'badge badge-secondary' }); ``` ## 方法 * init(options) 初始化调用方法,参数如上 * clickAdd(selectorClick, selectorInput) 点击添加标签方法 * ajaxLoad(callBack) 动载加载插件后回调 * plusInit(callBack) 插件初始化调用方法