当用户单击提交按钮时,我试图显示加载微调器。我尝试实施此处提供的解决方案,但它不起作用。
我已经验证了该函数正在被调用,并且目标 div 正在被 jQuery 通过抛出一个alert(spinner.innerHTML)来找到,如下所示:
<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();之后添加第二个警报;它没有弹出,这让我相信对spinner.show();的调用 导致jQuery失败。
这是我第一次涉足 jQuery,所以我正在努力解决如何调试它并找出问题所在。