<!DOCTYPE html>
<html lang="ko">
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/html" id="test_menu_list">
<li id='{menu_id}' class='gnb_btn'>
<a href="{url}" target='main_frame' style='display:block;height:100%;width:100%;' onfocus="this.blur()">
<div class='menu_btns {icon_name}'>{menu_name}</div>
</a>
</li>
</script>
<script type="text/javascript">
var menu_list = {
'menu_home' : {
url : '/home'
,icon : 'icon-home'
,text : '홈'
}
,'menu_member' : {
url : '/member'
,icon : 'icon-users'
,text : '회원'
}
,'menu_paper' : {
url : '/paper'
,icon : 'icon-paper'
,text : '페이퍼'
}
};
$( document ).ready(function() {
var gnb_item = $('#test_menu_list').html();
var node_text;
for(menu_id in menu_list){
var obj = menu_list[menu_id];
node_text = gnb_item;
node_text = node_text.split('{menu_id}').join(menu_id);
node_text = node_text.split('{icon_name}').join(obj.icon);
node_text = node_text.split('{url}').join(obj.url);
node_text = node_text.split('{menu_name}').join(obj.text);
$('#test_list').append(node_text);
$('#'+menu_id).click(function(){
var menu_id = $(this).attr('id');
alert("click");
});
}
});
</script>
</head>
<body>
<ul id='test_list'>
</ul>
</body>
'IT > 기타' 카테고리의 다른 글
| MSSQL MDB변환 (0) | 2015.06.08 |
|---|---|
| 반응형 웹 (0) | 2014.12.01 |
| 환형 연결 리스트 [circular linked list] (0) | 2014.11.25 |
| 이중 연결 리스트 [doubly linked list] (0) | 2014.11.25 |
| mysql group_concat함수의 길이 제한 (0) | 2014.11.25 |
