Jquery中文版v1.11.3

Jquery是繼prototype之后又一個(gè)優(yōu)秀的Javascrīpt框架。它是輕量級(jí)的js庫(kù)(壓縮后只有21k) ，它兼容CSS3，還兼容各種瀏覽器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。軟件使用戶能更方便地處理HTML documents、events、實(shí)現(xiàn)動(dòng)畫(huà)效果，并且方便地為網(wǎng)站提供AJAX交互。還有一個(gè)比較大的優(yōu)勢(shì)是，它的文檔說(shuō)明很全，而且各種應(yīng)用也說(shuō)得很詳細(xì)，同時(shí)還有許多成熟的插件可供選擇。能夠使用戶的html頁(yè)保持代碼和html內(nèi)容分離，也就是說(shuō)，不用再在html里面插入一堆js來(lái)調(diào)用命令了，只需定義id即可。歡迎有需要的朋友下載使用！

功能特色

1、將核心代碼按照功能進(jìn)行了分割，不需要的代碼可以不用加載
2、采用了 延遲加載 技術(shù)，上萬(wàn)節(jié)點(diǎn)輕松加載，即使在 IE6 下也能基本做到秒殺
3、兼容 IE、FireFox、Chrome、Opera、Safari 等瀏覽器
4、支持 JSON 數(shù)據(jù)
5、支持靜態(tài) 和 Ajax 異步加載節(jié)點(diǎn)數(shù)據(jù)
6、支持任意更換皮膚 / 自定義圖標(biāo)（依靠css）
7、支持極其靈活的 checkbox 或 radio 選擇功能
8、提供多種事件響應(yīng)回調(diào)
9、靈活的編輯（增/刪/改/查）功能，可隨意拖拽節(jié)點(diǎn)，還可以多節(jié)點(diǎn)拖拽喲
10、在一個(gè)頁(yè)面內(nèi)可同時(shí)生成多個(gè) Tree 實(shí)例
11、簡(jiǎn)單的參數(shù)配置實(shí)現(xiàn) 靈活多變的功能

使用教程

1、下載完成后點(diǎn)擊打開(kāi)即可

2、如果出現(xiàn)屏幕空白的狀況

3、點(diǎn)擊程序右鍵,選擇屬性

4、選擇解除鎖定，點(diǎn)擊確定

5、即可正常的進(jìn)入軟件使用

注意事項(xiàng)

1、js 核心文件
①軟件有 3 個(gè) js 文件，一個(gè) 核心包 ( jquery.ztree.core-3.x.js )，兩個(gè)擴(kuò)展包 -- 復(fù)選框功能包 ( jquery.ztree.excheck-3.x.js ) & 編輯功能包 ( jquery.ztree.exedit-3.x.js )
②使用軟件時(shí)，核心包必須加載，擴(kuò)展包根據(jù)需要進(jìn)行加載；這種結(jié)構(gòu)有利于今后不斷開(kāi)發(fā) zTree 的各種輔助功能或工具，而不影響基本功能。
③在實(shí)際使用中，建議將使用的擴(kuò)展包 與 核心包 代碼合并為一個(gè) js 文件，以節(jié)省網(wǎng)絡(luò)資源，合并時(shí)一定要將核心包的代碼放在最前面。
2、css 文件
①軟件只使用一個(gè) zTreeStyle.css 文件，為了盡量避免樣式?jīng)_突，將軟件容器的 className 設(shè)置為 'ztree'
②對(duì)于主要 DOM ( li、ul、+/-圖標(biāo)、a ) 的 className 增加了 level 輸出，可以針對(duì)不同等級(jí)的節(jié)點(diǎn)設(shè)定獨(dú)立的樣式
3、img 圖片
①軟件將主要圖標(biāo)都合并為一個(gè)圖片，利用圖片切割方式顯示圖標(biāo)
②為了避免原先節(jié)點(diǎn)連線之間 1 像素間隔的問(wèn)題，在軟件 +/-圖標(biāo) 繼續(xù)保留 18*18 的尺寸，其余圖標(biāo)全部修改為 16*16，請(qǐng)升級(jí)的朋友務(wù)必注意修正原先使用的圖標(biāo)大小
③在軟件中 自定義圖標(biāo)都是獨(dú)立的圖片文件，實(shí)際開(kāi)發(fā)中建議也都采用圖片切割的方式
4、zTree 數(shù)據(jù)
zTree 使用 JSON 數(shù)據(jù)，關(guān)于數(shù)據(jù)部分請(qǐng)認(rèn)真查看 API 文檔 "treeNode 節(jié)點(diǎn)數(shù)據(jù)詳解" 中的內(nèi)容，并且在 Demo 中也都可以看到 treeNode 的定義
5、調(diào)試代碼
進(jìn)行程序開(kāi)發(fā)時(shí)，建議首先使用 chrome 或 firefox 進(jìn)行調(diào)試工作 -- 普通 js 調(diào)試，ajax 獲取數(shù)據(jù)時(shí)網(wǎng)絡(luò)情況的跟蹤都很容易。 個(gè)人推薦：chrome 的開(kāi)發(fā)人員工具或 firefox 的 firebug 插件。

常見(jiàn)問(wèn)題

1、zTree 對(duì)軟件的版本有要求嗎？
基本來(lái)說(shuō)沒(méi)有要求，zTree 在開(kāi)發(fā)中使用軟件 1.4.4；目前簡(jiǎn)單測(cè)試過(guò)軟件 1.3+ 應(yīng)該都能正常使用
2、css 樣式異常怎么辦？
①異常原因：
頁(yè)面上自定義的 css 與 zTree 的 css 產(chǎn)生沖突
頁(yè)面上使用其他插件的 css 與 zTree 的 css 產(chǎn)生沖突
修改 zTree 的 css 錯(cuò)誤影響了 zTree
②解決方案：
由于 css 沖突的可能性太多，與其說(shuō)是解決方案，不如說(shuō)是處理建議。
A、避免針對(duì) id 進(jìn)行樣式設(shè)定，盡量采用 class 設(shè)置。 因?yàn)獒槍?duì) id 設(shè)定的樣式等級(jí)太高，zTree 的樣式肯定會(huì)被覆蓋。
B、zTree 默認(rèn)的樣式不可能將全部 css 定義都重新設(shè)置一遍，所以難免有遺漏，如果被遺漏的樣式影響了效果，那么請(qǐng)?jiān)?zTreeStyle 內(nèi)增加上對(duì)應(yīng)的設(shè)置內(nèi)容。
C、如果以上都不能解決，那么再看看是否有命名規(guī)則沖突，導(dǎo)致了樣式?jīng)_突
D、最后再看看是否自己修改的 zTree 樣式出現(xiàn)了錯(cuò)誤
3、如何將 節(jié)點(diǎn)數(shù)據(jù)提交給 Server 端
你可以利用 Form 或 Ajax 提交數(shù)據(jù)。
把 JSON 數(shù)據(jù)轉(zhuǎn)化為參數(shù)是比較麻煩的。在今后，我會(huì)逐漸提供一些工具包便于大家生成各種格式的數(shù)據(jù)。
制作提交數(shù)據(jù)的基本方法：拼字符串
拼接成什么格式的字符串？ 是 url? xml? 還是 json？ 這就要根據(jù)后臺(tái)解析數(shù)據(jù)的方法來(lái)決定了。