Blockui初学者,如何在单击按钮后将其运行



我希望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>

我希望这对您有帮助

相关内容

  • 没有找到相关文章

最新更新