2013-01-12 55 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"); 
     }); 
    } 

,並顯示加載圖片,並禁用選擇框
我希望在get.php做其工作,並完成發送resault
裝圖像不見了
但與此代碼它很快就在php顯示resault
很快就可以任何人都可以幫助我呢?內部功能

回答

2

舉動隱藏方法,其中你得到的結果從PHP文件爲:

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

不工作....! actutty我不需要$('#faqsanswer')。html(applycode);它的負載在$('#faqsanswer')。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/

如果你使用這種方法你會得到紡圖像中的所有Ajax請求,所以你並不需要所有的請求的代碼,它會導致救額外的努力。

對於工作示例遵循jsfiddle鏈接http://jsfiddle.net/re57j/

+0

感謝讓我測試它 –

+0

不是工作太...它不見了很快又 –

+0

看例子鏈接[HTTP://的jsfiddle達網絡/ re57j /(http://jsfiddle.net/re57j/) –