Question

我希望在用户点击按钮更新数据库中的某些条目后出现blockUI屏幕，但是自页面加载以来它一直在运行，这对我来说毫无用处。我想让它在用户点击后运行，并在流程结束时停止。

这是我的代码：

<script type="text/javascript">

 $.blockUI({ message: '<h2>Loading</h2>' });

</script>

我尝试使用OnClientClick事件调用该函数，但我不确定要调用什么，它会给我一个错误或什么都不做。

Answer 1

自页面加载以来它一直在运行，因为它在开头加载你的脚本，所以它会执行你的blockUI，你忘记解锁它，这样你的页面就会被阻止。要解决此问题，您应该在按下按钮时调用一个函数，这将阻止您的页面，直到您的更新在数据库中完成，然后取消阻止它。

<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>

我希望这会对你有所帮助

blockUI first-timer，如何在单击按钮后运行它？

1 个答案: