사이드바 영역으로 건너뛰기

게시물에서 찾기2014/11/01

1개의 게시물을 찾았습니다.

  1. 2014/11/01
    jquerymobile navbar 동적으로 변경
    단단이아빠

jquerymobile navbar 동적으로 변경

html

<!-- page: #noti_viewpage -->
<div data-role="page" id="noti_viewpage" data-add-back-btn="true">
<div data-role="header" data-position="fixed" data-theme="a">
<h1><img src="images/logo.png" height="30"></h1>
<a href="index.html" data-role="button" data-icon="home" data-iconpos="notext">홈</a>
<a href="#reg_phone" data-role="button" data-icon="user" data-iconpos="notext">Menu</a>
<div id="invNavBarContainerNoti">
    <div id="invNavBarActionNoti" data-role="navbar"></div>
</div>
</div>
<!-- /header -->
<div role="content" class="ui-content">
<ul data-role="listview" id="noti_viewul">
<li><p>출결 데이터</p></li>
</ul>
</div><!-- /content -->
<div data-role="footer" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="#noti_listpage" data-icon="alert">메시지보기</a></li>
<li><a href="#info_listpage" data-icon="info">가정통신문</a></li>
<li><a href="#homepage" data-icon="home">홈페이지</a></li>
<li><a href="#" data-icon="delete" onClick="mtosExit();">종료</a></li>
</ul>
</div>
<!-- // navbar -->
</div>    
<!-- /footer -->
</div>
<!-- /page: #noti_viewpage -->

js

var navBar = '<div id="invNavBarActionNoti" data-role="navbar"><ul>';
navBar += "<li><a href=\"#\" onClick=\"goNoti('" + school_id + "', '" + data.prev_year + "', '" + data.prev_month + "');return false\" data-icon=\"arrow-l\" class=\"ui-btn-active\">" + data.prev_year + " 년 " +   data.prev_month + " 월</a></li>";
navBar += "<li><a href=\"#\" data-icon=\"star\">" + data.search_year + " 년 " +   data.search_month + " 월</a></li>";
navBar += "<li><a href=\"#\" onClick=\"goNoti('" + school_id + "', '" + data.next_year + "', '" + data.next_month + "');return false\" data-icon=\"arrow-r\" class=\"ui-btn-active\">" + data.next_year + " 년 " +   data.next_month + " 월</a></li>";
navBar += '</ul></div>';
$('#invNavBarActionNoti').remove();
$('#invNavBarContainerNoti').append($(navBar));
$('#invNavBarActionNoti').navbar();

진보블로그 공감 버튼트위터로 리트윗하기페이스북에 공유하기딜리셔스에 북마크