BlockUI.jsで進捗表示

先日のBlockUI.jsでローディング表示
待ち時間が発生するでローディングをjQueryのプラグイン「BlockUI.js」を使って対応した。

今度はその表示に「処理中 3/20件」のように表示を更新しようとしたけど、文字列をセットしても表示は変わらない。。。
そうか、値は置き換わっても再描画されないからだわ。

一旦非表示(hide)してから、表示する値を書き換えて、表示(show)すればいけるんじゃないかと試してみた。


$('#pregress-message').hide().html('処理中...
' + (ajax_idx + 1) + ' / '+total_count ).show();

※ループ処理などは割愛

この方法で無事描画されることを確認。

BlockUI.jsでローディング表示

処理中の表示がわかりやすく解決できた。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*