jQuery树型标签选择插件tagTree

所属分类： JQ特效导航文件树

查看演示立即下载

插件描述：该控件是基于jquery库开发的，所以使用前，必需引入这些库。同时选择勾勾为字体库图标，如果不想引入图标字体库，可以自己改成图片。该控件是一个树型选择器，支持多选单选，并返回值。

tagTree

树型标签选择器

该控件是基于jquery库开发的，所以使用前，必需引入这些库。同时选择勾勾为字体库图标，如果不想引入图标字体库，可以自己改成图片。该控件是一个树型选择器，支持多选单选，并返回值。

初始化方法

定义控件

1	`<div` `id="test"></div>`

控件数据结构

var data = [
    {
        name: "1号标签",
        value: "1",
        children: [
            {
                name: "11号标签",
                value: "11",
                children: []
            },
            {
                name: "12号标签",
                value: "12",
                children: []
            },
            {
                name: "13号标签",
                value: "13",
                children: [
                    {
                        name: "131号标签",
                        value: "131",
                        children: []
                    }
                ]
            }
        ]
    },
    {
        name: "2号标签",
        value: "2",
        children: [
            {
                name: "21号标签",
                value: "21",
                children: []
            },
            {
                name: "22号标签",
                value: "22",
                children: []
            }
        ]
    },
    {
        name: "3号标签",
        value: "3",
        children: []
    }
];

初始化控件数据

$("#test").tagTree({
    id: "",
    data: data,
    fold: false,
    multiple: false,
    check: function(val) {
        console.log('chekc:' + val);
        console.log($(this).tagTreeValues());
    },
    done: function() {
        console.log('tagTree is ok!');
    }
});

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jQuery图片放大预览
下一个特效： html5小游戏自动推箱子