블럭 UI 스피닝 프리 로더

jQuery 블럭 UI 플러그인을 사용하여 애플사처럼 회전하는 프리 로더를 추가 할 수있는 방법에 대해 통찰력을 줄 수 있는지 궁금합니다. 프리 로더는 AJAX 컨텐트가로드 될 때까지 회전해야합니다. Block UI가 가능합니까?블럭 UI 스피닝 프리 로더

모든 방향이 도움이 될 것입니다. 감사합니다.

2011-05-16 Chad

예, 가능합니다. 당신은 ... 당신은이 웹 사이트를 사용하여 원하는 스타일로 귀하의 웹 사이트에 사전 로더를 추가 할 수 있습니다

UPDATE :

더 자세한 내용은이보기 ...

2011-05-16 18:44:15

링크 덕분에 jQuery Block UI를 사용하여 맞춤 작성한 것 같아요. – Chad

다음과 같이 웹에서 멋진 애니메이션 슬로우 이미지를 찾으십시오. throbber

숨겨진 throbber div를 설정하여 표시하십시오.

<div id="throbber" style="display:none;"> 
    <img src="/img/busy.gif" /> 
</div>

해당 div를 메시지로 사용하도록 지정하십시오.

$.ajax({ 
    complete: function(data) { 
     // kill the block on either success or error 
     $.unblockUI(); 
    } 
});

당신은 대신 전체의 각각의 결과에 다른 blockUI를 제어 할 수 아약스 성공/오류 콜백을 사용할 수 있습니다 : AJAX 호출이 완료되면

$.blockUI({ message: $('#throbber') });

는 색인기를 죽일.

2011-06-22 18:56:41 mujimu

나는 대답을 mujimu에서 얻었으며 약간의 문제가 수정되었습니다. 나는 "throbber"의 여러가지 사용법을 동시에 가지고 있습니다. 내가 발견 한 것은 그것이 엉망이 될 것이고, 기존의 차단이 해제되기 전에 내가 해고하면 그 떨림은 작동을 멈출 것입니다.

이

은

function ReloadDetails(id) { 
    $('#' + id + '_Details').block({ message: $('<img src="/images/ajax-loader.gif"/>') }); 
    $.get(...); 
}

이 ajaxLoaderPath는 가상 디렉터리 문제를 해결하기 위해 내 cshtml에 의해 제공됩니다 ... 내 솔루션입니다.

2013-02-05 14:57:54

답변