单击按钮时显示加载小组件

Question

我现在有一个“Loading ...”元素作为div。现在，无论何时我来到它所在的页面，它都会运行，但是我希望它只在我点击一个按钮时出现并在该功能完成加载时消失。

“正在加载...”div代码：

<div id="MSG" class="ui-widget-overlay ui-front" title="">
                <div class="center spinner-preview" id="spinner-preview">Loading....</div>
         </div>

我希望它只在单击以下按钮并且当前正在加载时激活。

 <div id="Verify"><input type="submit" class="btn btn-lg btn-primary" value="Verify Login & Save" /></div>

我似乎无法让它工作。任何帮助将不胜感激，谢谢。

Answer 1

1. 将加载div显示设置为隐藏。
2. 点击你按钮显示你的div，然后执行你的任务。
3. 再次隐藏div。