HUI 標(biāo)簽組件(hui 3.0 及以上版本)

dom結(jié)構(gòu)

運(yùn)營(yíng) 設(shè)計(jì) 前端 平面

使用 hui.tags(domId, callback)將標(biāo)簽可選化功能：將指定元素下的標(biāo)簽轉(zhuǎn)換為可選擇標(biāo)簽；

參數(shù)：1、ID選擇器(.hui-tags 所在dom元素的id)

2、點(diǎn)擊標(biāo)簽后回調(diào)函數(shù)

返回：無(wú)

使用 hui.getTagsData(domId) 獲取選中的標(biāo)簽

功能：獲取指定標(biāo)簽組內(nèi)的選中標(biāo)簽的文本和值；

參數(shù)：ID選擇器(.hui-tags 所在dom元素的id)

返回：數(shù)組形式的選中值【沒(méi)有選中的標(biāo)簽返回 false】

完整代碼html>

HUI

HUI?標(biāo)簽組件

普通標(biāo)簽 運(yùn)營(yíng) 設(shè)計(jì) 前端 平面 圓角標(biāo)簽

/*?標(biāo)簽顏色改變?*/

.greenTags?>?div{border-color:#31A990;?color:#31A990;}

php HTML css Node.js 可選擇標(biāo)簽 點(diǎn)擊選擇 橄欖球 籃球 足球 網(wǎng)球 乒乓球 羽毛球

獲取選中標(biāo)簽的內(nèi)容和值

/*

*?hui.tags()

*?函數(shù)第2個(gè)參數(shù)為可選參數(shù)【標(biāo)簽狀態(tài)切換的回調(diào)函數(shù)】，可以根據(jù)實(shí)際情況決定是否完善

*/

hui.tags('#tags1',?function(){

var?tagData?=?hui.getTagsData('#tags1');

console.log(JSON.stringify(tagData));

});

//按鈕點(diǎn)擊事件

hui('#btn').click(function(){

var?tagData?=?hui.getTagsData('#tags1');

console.log(JSON.stringify(tagData));

hui.alert('請(qǐng)觀察控制臺(tái)');

});

總結(jié)

以上是生活随笔為你收集整理的hui后台框架html页面中的图标,HUI的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。