0

を使用してASP.NET/C#います。私のページの 1 つで、顧客の詳細を含む顧客のリストを表示していますASP.NET Listview。すべての行に、Linkbuttonその顧客の情報を で表示しますpopup。現在、ShowDetailsリンクをクリックするloading gifと、が表示され、情報popupは次のとおりです。表示されました。jquery delay()情報の表示を遅らせるために使用していますpopup。

ポップアップを表示する Jquery 関数:

function ShowCustomerInformationPopUp()
 {
    $('#AuthorizeCustomerLoadImg').show();
    $('#AuthorizeCustomerMask').delay(1200).show("slow");
    $('#AuthorizeCustomerShowCustInfo').delay(1200).show("slow");
 }

私は使用中のクリックイベントでこの関数を呼び出していますLinkbutton.code behindだからClientScriptManager.RegisterStartupScript今、ユーザーがクリックするShow Details Linkbuttonとpopup、少し遅れてloading gif表示されます.だから私の質問は、loading gif他の要素の表示を遅らせることによって表示する良い方法ですか?このアプローチの欠点はありますかgif's。

どんな提案でも大歓迎です。

4

1 に答える 1

1

読み込み中のgifは控えめに使用します。つまり、実行されたプロシージャからのコールバックを期待している場合にのみ使用します。すなわち。AJAXリクエストなど。

loading新しいウィンドウを開いているので、新しいブラウザウィンドウにすでにインジケーター があるのに、なぜオープナーウィンドウにgifをロードする必要があるのか​​わかりません。

また、ポップアップページの読み込み後にgifを正確に削除したい場合は、このためのコードをオープナーウィンドウをターゲットとするポップアップウィンドウ内に配置する必要があります。

編集：

新しいウィンドウではないと主張しているので、これを行うためのクールな方法は、を使用することです。これをfadeIn()使用することもできますがshow()、表示するのに十分な時間がgifにあるとは思いません。 。

とにかく、次のように、コールバックで読み込み中のgifを削除します。

function ShowCustomerInformationPopUp()
 {
    $('#AuthorizeCustomerLoadImg').show();
    $('#AuthorizeCustomerMask').show(1200);

    $('#AuthorizeCustomerShowCustInfo').show(1200, function(){
        // this is the callback function when competed, remove the gif here
        $('#AuthorizeCustomerLoadImg').hide();
    });

 }

ここでどちらが疑わしいのかわからないため、ステートメントdivのいずれかに上記のようなコールバック関数を適用できます。.show()

于 2012-06-16T11:08:56.343 に答える