zTree的小练习

最新推荐文章于 2021-10-16 12:57:37 发布

魏亚强

最新推荐文章于 2021-10-16 12:57:37 发布

阅读量152

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/wyq188945/article/details/95395887

版权

前端专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>ztree练习</title>
		<link href="https://cdn.bootcss.com/zTree.v3/3.5.40/css/zTreeStyle/zTreeStyle.css" rel="stylesheet">
	</head>

	<body>
		<ul id="tree" class="ztree" style="width:230px; overflow:auto;"></ul>
	</body>
	<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
	<script src="https://cdn.bootcss.com/zTree.v3/3.5.40/js/jquery.ztree.all.js"></script>
	<script>
		(function(jQuery) {
			$(function() {
				var setting = {
					check: {
						enable: true,
						chkStyle: "checkbox" //显示 checkbox 选择框，默认checkbox可选择值radio
					}
				};
				var zTreeNodes = [{
						"name": "北京",
						"open": true,
						children: [{
								"name": "东城区",
								children: [{
									"name": "123"
								}]
							},
							{
								"name": "朝阳区"
							}
						]
					}, //open:true表示默认展开
					{
						"name": "重庆",
						"open": true,
						children: [{
								"name": "巴南区",
								children: [{
										"name": "南泉"
									},
									{
										"name": "界石"
									}
								]
							},
							{
								"name": "渝中区"
							}
						]
					}
				];
				var city = $.fn.zTree.init($("#tree"), setting, zTreeNodes);
			})
			//以下的代码是解决jquery插件：TypeError:$.browser is undefined报错的方法
			if(jQuery.browser) return;
			jQuery.browser = {};
			jQuery.browser.mozilla = false;
			jQuery.browser.webkit = false;
			jQuery.browser.opera = false;
			jQuery.browser.msie = false;
			var nAgt = navigator.userAgent;
			jQuery.browser.name = navigator.appName;
			jQuery.browser.fullVersion = '' + parseFloat(navigator.appVersion);
			jQuery.browser.majorVersion = parseInt(navigator.appVersion, 10);
			var nameOffset, verOffset, ix;

			// In Opera, the true version is after "Opera" or after "Version"  
			if((verOffset = nAgt.indexOf("Opera")) != -1) {
				jQuery.browser.opera = true;
				jQuery.browser.name = "Opera";
				jQuery.browser.fullVersion = nAgt.substring(verOffset + 6);
				if((verOffset = nAgt.indexOf("Version")) != -1)
					jQuery.browser.fullVersion = nAgt.substring(verOffset + 8);
			}
			// In MSIE, the true version is after "MSIE" in userAgent  
			else if((verOffset = nAgt.indexOf("MSIE")) != -1) {
				jQuery.browser.msie = true;
				jQuery.browser.name = "Microsoft Internet Explorer";
				jQuery.browser.fullVersion = nAgt.substring(verOffset + 5);
			}
			// In Chrome, the true version is after "Chrome"  
			else if((verOffset = nAgt.indexOf("Chrome")) != -1) {
				jQuery.browser.webkit = true;
				jQuery.browser.name = "Chrome";
				jQuery.browser.fullVersion = nAgt.substring(verOffset + 7);
			}
			// In Safari, the true version is after "Safari" or after "Version"  
			else if((verOffset = nAgt.indexOf("Safari")) != -1) {
				jQuery.browser.webkit = true;
				jQuery.browser.name = "Safari";
				jQuery.browser.fullVersion = nAgt.substring(verOffset + 7);
				if((verOffset = nAgt.indexOf("Version")) != -1)
					jQuery.browser.fullVersion = nAgt.substring(verOffset + 8);
			}
			// In Firefox, the true version is after "Firefox"  
			else if((verOffset = nAgt.indexOf("Firefox")) != -1) {
				jQuery.browser.mozilla = true;
				jQuery.browser.name = "Firefox";
				jQuery.browser.fullVersion = nAgt.substring(verOffset + 8);
			}
			// In most other browsers, "name/version" is at the end of userAgent  
			else if((nameOffset = nAgt.lastIndexOf(' ') + 1) <
				(verOffset = nAgt.lastIndexOf('/'))) {
				jQuery.browser.name = nAgt.substring(nameOffset, verOffset);
				jQuery.browser.fullVersion = nAgt.substring(verOffset + 1);
				if(jQuery.browser.name.toLowerCase() == jQuery.browser.name.toUpperCase()) {
					jQuery.browser.name = navigator.appName;
				}
			}
			// trim the fullVersion string at semicolon/space if present  
			if((ix = jQuery.browser.fullVersion.indexOf(";")) != -1)
				jQuery.browser.fullVersion = jQuery.browser.fullVersion.substring(0, ix);
			if((ix = jQuery.browser.fullVersion.indexOf(" ")) != -1)
				jQuery.browser.fullVersion = jQuery.browser.fullVersion.substring(0, ix);

			jQuery.browser.majorVersion = parseInt('' + jQuery.browser.fullVersion, 10);
			if(isNaN(jQuery.browser.majorVersion)) {
				jQuery.browser.fullVersion = '' + parseFloat(navigator.appVersion);
				jQuery.browser.majorVersion = parseInt(navigator.appVersion, 10);
			}
			jQuery.browser.version = jQuery.browser.majorVersion;
		})(jQuery);
	</script>
</html>

魏亚强

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
zTree的小练习

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>ztree练习</title> <link href="https://cdn.bootcss.com/zTree.v3/3.5.40/css/zTreeStyle/zTreeStyle....
复制链接

扫一扫

专栏目录