ユーザーが送信ボタンをクリックしたときに読み込みスピナーを表示しようとしています。ここで提供されているソリューションを実装しようとしましたが、うまくいきません。
次のようにアラート(spinner.innerHTML)を投げることで、関数が呼び出されていること、およびターゲット div が jQuery によって検出されていることを検証しました。
<script type="text/javascript">
$(document).ready(function () {
var spinner = $("div#spinner");
});
var spinnerVisible = false;
function showProgress() {
if (!spinnerVisible) {
alert(spinner.innerHTML);
spinner.show();
spinnerVisible = true;
}
};
function hideProgress() {
if (spinnerVisible) {
spinner.hide();
spinnerVisible = false;
}
};
</script>
予想どおり、ボタンをクリックすると、div からのテキストである「読み込み中...」というテキストを含む警告ウィンドウが表示されます。ただし、 spinner.show();の呼び出しの後に2 つ目のアラートを追加すると、それはポップアップしないので、私はspinner.show();への呼び出しが jQueryが失敗する原因となっています。
これは jQuery への私の最初の進出であるため、これをデバッグして何が壊れているかを見つける方法に苦労しています。