0

私はこの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 showresaultの直前に消えてしまい
ます。

4

3 に答える 3

2

phpファイルから結果を取得している関数内でhideメソッドを次のように移動します。

...,codedgive:codefaqs},function(applycode){
            $('#faqsanswer').html(applycode);
            $("#faqsmain").removeAttr("disabled");
            $('#imgloadfaqs').hide(500);
        });
于 2013-01-12T18:23:25.900 に答える
2

完了した関数内に画像を非表示にするコードを配置してみてください。これが正しいアプローチだと思います。

$('#faqsanswer').load('http://royta.org/module/faqs/get.php',{codedgive:codefaqs},function(applycode){
        $('#faqsanswer').html(applycode);
        $("#faqsmain").removeAttr("disabled");
        $('#imgloadfaqs').hide(500);
    });
于 2013-01-12T18:23:37.163 に答える
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/をたどってください。

于 2013-01-12T18:28:25.567 に答える