Ich versuche, ein Laden GIF anzuzeigen, während meine Datentabelle auf meinem Server geladen wird. Ich habe einen Code von here gefunden, aber wenn ich es versuche und es implementieren bekomme ich den Laufzeitfehler 'Show' ist undefined. Unten ist mein Javascript/jQuery-Code Ich bin mitJavascript Laufzeitfehler 'Show' ist undefined
<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();
});
Meine div id geladen wird, so dass, wenn sie die loading.show() in der Javascript begegnet, es Fehler aus.
<div class="loading" align="center">
Loading. Please wait.<br />
<br />
<img src="gears.gif" alt="" />
</div>
Und ich mein Skript bin Registrierung auf der Seite Load-Ereignis wie:
If IsPostBack = False Then
Dim script As String = "$(document).ready(function() { $('[id*=Button2]').click(); });"
ClientScript.RegisterStartupScript(Me.GetType, "load", script, True)
End If
EDIT: ich es bin der Bearbeitung als auch die CSS-Markup hinzuzufügen.
<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;
}
Jede Hilfe wäre willkommen.
Hey, wann wird das div.loading gerendert? Ich schätze, Sie fügen es dem DOM nach dem Senden-Button hinzu. Haben Sie es Stil zu verbergen, und die Show() es dem Benutzer, oder Sie haben es dynamisch erstellt, wenn dies so versteckt es. Hoffe, es hilft –
Krum, ich bearbeitet meinen Beitrag, zeigt meine Css Markup. Das Ladediv ist nach dem Gitter, das ich mit meiner Datatabelle aktualisieren werde, sobald es gebaut ist. Die Schaltfläche befindet sich oben auf der Seite. – ag93
Versuchen Sie diese loading.css ("display", "block"), wenn sie bereits ausgeblendet ist. Veröffentlichen Sie außerdem den Konsolenfehler, den Sie sehen. – praveen