2014-11-13 4 views
-1

Ajax를 통해로드되는 내용과 함께 jQueryUI 탭 위젯을 사용하고 있습니다.탭 내용을로드하는 동안 jQueryUI 탭에 처리 레이블을 표시합니다.

콘텐츠를로드하는 동안 콘텐츠를로드하는 데 시간이 걸릴 수 있으므로 서버가 요청을 처리하는 동안 해당 탭 콘텐츠 내에 '로드 중 ...'레이블 또는 gif를 표시하고 싶습니다.

+0

가능한 [jQuery 탭 - 아약스로드 중 컨테이너 div의 표시기] (http://stackoverflow.com/questions/9288467/jquery-tabs-display-indicator-in-the-container-div-during) - 아작스로드) –

답변

0

jQueryUI 탭 위젯의 beforeLoad 이벤트를 사용할 수 있습니다.

탭을 설정할 때 다음 코드를 사용하십시오.

$("#tabs").tabs(
    beforeLoad: function (event, ui) { 
    ui.panel.html("Loading, please wait..."); 
    } 
}); 

콘텐츠를로드하기 전에이 탭 콘텐츠 패널에 원하는 모든 HTML을 추가 할 수 있습니다.