2013-01-12 2 views
0

내가이 jQuery 코드숨기기 로딩 이미지가로드 JQuery와는

else if ($(this).val() === "5") { 
     var codefaqs = $(this).val(); 
     $('#imgloadfaqs').show(); 
     $("#faqsmain").attr("disabled", "disabled"); 
     $('#faqsanswer').load('http://royta.org/somefolder/get.php',{codedgive:codefaqs},function(applycode){ 
      $('#faqsanswer').html(applycode); 
      $('#imgloadfaqs').hide(2000); 
      $("#faqsmain").removeAttr("disabled"); 
     }); 
    } 

을 가지고 있고 내가 그 일을하고 resault
로드를 전송하기 위해 수행 get.php 때 원하는 선택 상자
를 로딩 이미지를 표시하고 해제 할 때 방법 이미지가
사라졌지만이 코드와 함께 곧 쇼가 resob 쇼를 전에
아무도 도와 줄 수 있습니까? 당신이로 PHP 파일에서 결과를 얻고있는 함수 내에서

답변

2

이동 숨기기 방법 :

...,codedgive:codefaqs},function(applycode){ 
      $('#faqsanswer').html(applycode); 
      $("#faqsmain").removeAttr("disabled"); 
      $('#imgloadfaqs').hide(500); 
     }); 
+0

....! actutty 내가 필요 없어 $ ('# faqsanswer'). html (applycode); load ('htt') $ ('# faqsanswer')를 제거합니다 .html (applycode); 이 줄 –

+0

@masiharastooyi : 당신은 코드를 찾은 후 이미지 로직을 숨길 필요가있다. 서버에서 결과를 얻고 자 할 때 –

+0

$ ('# faqsanswer'). load ('.... ler/get.php', {codedgive : codefaqs}, 기능 (applycode) { \t \t \t \t $ ('#의 faqsanswer') HTML (applycode). \t \t \t \t $ ('#의 imgloadfaqs') 숨기기 (2000). \t \t \t \t $ ("#faqsmain"). removeAttr ("disabled"); \t \t \t}); \t \t \t 아직 작동하지 않습니다. –

2

이 완료 함수 내에서 이미지를 숨 깁니다 코드를 넣어보십시오. 이것이 올바른 접근 방법이라고 생각합니다 :

$('#faqsanswer').load('http://royta.org/module/faqs/get.php',{codedgive:codefaqs},function(applycode){ 
     $('#faqsanswer').html(applycode); 
     $("#faqsmain").removeAttr("disabled"); 
     $('#imgloadfaqs').hide(500); 
    }); 
+0

작동하지 않습니다 ....... –

1

표시하거나 숨기려면 다음 코드 스 니펫을 사용하십시오.

$(document).ready(function() { 



// Setup the ajax indicator 

$('body').append('<div id="ajaxBusy"><p><img src="images/loading.gif"></p></div>'); 



$('#ajaxBusy').css({ 

display:"none", 

margin:"0px", 

paddingLeft:"0px", 

paddingRight:"0px", 

paddingTop:"0px", 

paddingBottom:"0px", 

position:"absolute", 

right:"3px", 

top:"3px", 

width:"auto" 

}); 

}); 



// Ajax activity indicator bound to ajax start/stop document events 

$(document).ajaxStart(function(){ 

$('#ajaxBusy').show(); 

}).ajaxStop(function(){ 

$('#ajaxBusy').hide(); 

}); 

당신이 이미지를 회전 얻을 모든 아약스 요청에이 방법을 사용하는 경우 모든 요청을 코딩 할 필요가 없습니다 동일한에 대한 자세한은 http://skfox.com/2008/04/28/jquery-example-ajax-activity-indicator/

를 따라 읽으려면 저장 이어질 것 여분의 노력.

작동 예제는 다음을 참조하십시오. jsfiddle link http://jsfiddle.net/re57j/

+0

덕분에 테스트 할 수 있습니다. –

+0

너무 빨리 작동하지 않았습니다. 해당 제품이 곧 출시되었습니다. –

+0

예제 링크 [http : // jsfiddle .net/re57j /] (http://jsfiddle.net/re57j/) –