[jquery] left 메뉴 화면 깜빡임 방지

left 메뉴를 submit (a tag) 방식으로 구현을 하면 메뉴가 바뀔때마다 화면이 깜빡거려서 불편할때가 한두번이 아니다.

이럴때 간단하게 해결할수 있는 방법은 jquery load를 사용하는 것이다.

 

* 기존 방식

<a href="/test/tests.do">
    <label>테스트</label>
</a>

 

* jquery load 적용 코드

// 1. html 코드
<a href="#" onclick="getContents('/admin/scan/scandevices.do');">
    <i class="metismenu-icon pe-7s-display2"></i><label>스캐너</label>
</a>


// 2. 화면 전환
function getContents (content) {
    $("#app-container").load(content);
}