1
私のデータテーブルがサーバにロードされている間にロード中のgifを表示しようとしています。 hereからいくつかのコードが見つかりましたが、試して実装するときにランタイムエラー 'Show'が定義されていません。以下は、私はそれはエラー、それはloading.showに遭遇したので、とき私のdiv idがJavaScriptで）（、ロードされJavascriptランタイムエラー 'Show'が定義されていません
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
function ShowProgress() {
setTimeout(function() {
var modal = $('<div />');
modal.addClass("modal");
$('body').append(modal);
var loading = $(".loading");
loading.show();
var top = Math.max($(window).height()/2 - loading[0].offsetHeight/2, 0);
var left = Math.max($(window).width()/2 - loading[0].offsetWidth/2, 0);
loading.css({ top: top, left: left });
}, 200);
}
$('form').live("submit", function() {
ShowProgress();
});
を使用しています私のjavascript/jqueryのコードがあります。
<div class="loading" align="center">
Loading. Please wait.<br />
<br />
<img src="gears.gif" alt="" />
</div>
そして、私のようなページロードイベントに私のスクリプトを登録しています：
If IsPostBack = False Then
Dim script As String = "$(document).ready(function() { $('[id*=Button2]').click(); });"
ClientScript.RegisterStartupScript(Me.GetType, "load", script, True)
End If
編集：私もCSSのマークアップを追加し、それを編集しています 。
<style type="text/css">
.modal
{
position: fixed;
top: 0;
left: 0;
background-color: black;
z-index: 99;
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
min-height: 100%;
width: 100%;
}
.loading
{
font-family: Arial;
font-size: 10pt;
border: 5px solid #67CFF5;
width: 200px;
height: 100px;
display: none;
position: fixed;
background-color: White;
z-index: 999;
}
助けてください。
いつもdiv.loadingがレンダリングされていますか？私はあなたがDOMに、送信ボタンの後にそれを追加すると思います。あなたはそれを隠すためにスタイルを持っていますか？これをユーザーに表示するか、動的に作成して、隠しておけばいいですか？希望に役立ちます –
クラム、私は自分の記事を編集し、私のCSSのマークアップを示しています。ローディングdivはグリッドの後ろにあり、一度作成したデータテーブルで更新しようとしています。ボタンはページの上部に向かっています。 – ag93
このloading.css（ "display"、 "block"）が既に非表示の場合は試してみてください。また、あなたが見ているコンソールエラーを投稿してください。 – praveen