묻고답하기
문서 페이지에 소스를 넣으려고 합니다.
2016.08.23 11:03
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="">
<meta name="author" content="JOO">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/prism.css">
<link rel="StyleSheet" href="css/zooTree.css" />
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="js/zooTree.js"></script>
<script>
$(document).ready(function(){
$.ajax({
async: false,
type: "GET",
url : "data/data.json",
dataType: "json",
cache: false,
success:function(data){
if(data.length == 0) {
}else{
$("#beforeJSON").html( JSON.stringify(data, null, " ") );
var jsonData = getTreeModel( data, '999',{
id: "itemId",
parentId: "parentId",
order: ["label","desc"]
});
$("#afterJSON").html( JSON.stringify(jsonData, null, " ") );
$(".verticalTree").zooTree(jsonData, {
forceCreate: true,
render: function(data) {
var $a = $("<a>").append(data.label);
return $a;
}
});
$(".horizontalTree").zooTree(jsonData, {
forceCreate: true,
render: function(data) {
var $a = $("<a>").append(data.label);
return $a;
}
});
$(".horizontalTreeTop").zooTree(jsonData, {
forceCreate: true,
render: function(data) {
var $a = $("<a>").append(data.label);
return $a;
}
});
}
}
});
});
</script>
</head>
<body>
<div class="verticalTree"></div>
<script src="js/prism.js"></script>
</body>
이 소스를 넣으려고 하는데, 어떻게 넣어야 될지 모르겠네요.
방법 좀 가르쳐 주시면 감사하겠습니다.
댓글 2
-
SimpleCode
2016.08.23 16:45
sejin7940님 말씀에 조금 보태자면 <body> 태그 사이의 내용만 문서페이지든 외부페이지로 넣으셔야 합니다.
HTML 기본 틀은 이미 XE에서 제공하고 있고, 중복으로 출력하면 의도치 않은 오류가 생길 수도 있습니다.
문서페이지에는 말씀하신 소스들은 삽입이 안 되요.
외부페이지 형태로 구현을 하시거나..
문서페이지를 쓰고프면, 문서페이지 스킨을 고치시면 됩니다.
스킨 내부에서 직접 script 를 불러들이거나 기재하면, 문서페이지에 적용이 되요
css 같은 것도 스킨 내부에 정의해두면 모든 페이지에 공통 css 적용이 되거든요