我希望blockui屏幕在用户单击一个按钮以更新数据库中的某些条目后出现,但是自页面加载以来,它一直在运行,这对我来说是没有用的。我希望它在用户点击之后运行,并在过程完成后停止。
这是我的代码:
<script type="text/javascript">
$.blockUI({ message: '<h2>Loading</h2>' });
</script>
我试图使用OnClientClick事件调用该函数,但我不确定要确切地打电话给我,这要么给我错误,要么什么也不做。
它是因为该页面加载,因为它在开始时加载了您的脚本,因此可以执行您的块,而您却忘记了拆除它,因此您的页面仍然被阻止。要解决此问题,当您的按钮单击将阻止您的页面时,您应该调用功能,直到您的更新在数据库中完成并取消阻止。
<script type="text/javascript">
function clicked(){
$.blockUI({ message: '<h2>Loading</h2>' });
updateDatabase();
}
function updateDatabase(){
// updating database
// when the database finish your updates unblock your UI
$.unblockUI();
}
</script>
<body>
<button onclick="clicked();">Update Database</button>
</body>
我希望这对您有帮助