首頁 > web前端 > js教程 > jquery-syntax動態語法著色範例程式碼_jquery

jquery-syntax動態語法著色範例程式碼_jquery

WBOY
發布: 2016-05-16 16:48:13
原創
1322 人瀏覽過

解壓縮jquery-syntax-3.1.1.zip,將public放在我們自已的目錄下,在網頁中引入如下3個js(下載地址是http://download.csdn.net/detail/liumengcheng/7344667)

複製程式碼 程式碼如下:





html 部分:
複製程式碼 程式碼如下:


複製代碼


程式碼如下:


//設定檔的預設型別為xml
var fileType="xml";
//當選取樹中某的某個檔案的時候
$('#tree1').tree({
onClick: function(node){
if (node.children==null || node.children==undefined){
var url="../hub/config/configRead?" 'ip=' ip '&port=' port "&file=" node.id;
var str=node.id;
fileType = str .substring(str.lastIndexOf(".") 1,str.length);
fileType=fileType.toLowerCase();
$.get(url,{},function(data,textStatus){
//因為需要多次語法著色,而且每次選中的文件都不一樣,

//所以每次都要刪除原來的pre元素,並新增pre,且syntax得根據文件名的後綴來動態得到。

//注意:不要直接定位pre,因為每次渲染後pre元素會消失,所以我這裡用一個div來放pre,每次清理pre只要刪除div下的所有元素就行了
$("#div_configXML *").remove();
var $pre=$("
 
登入後複製
");
$("#div_configXML").append($pre);
$("#configXML").text(data);
$.syntax();
}
);
}
}

});

jquery-syntax動態語法著色範例程式碼_jquery以下是效果圖:

顯示xml檔jquery-syntax動態語法著色範例程式碼_jquery 顯示檔案
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板