Link ASP.NET MVC 5上的装载机
-
21-12-2019 - |
题
我正在尝试做一些非常简单的事情,但它不适用于所有浏览器...... 我在这里需要你的帮助:
<a href="@(Url.Action("Accept", "Manager", new { HolidayId = item.HolidayId }))" class="uifw-button xsmall black" OnClick="loader()"><i class="uifw-icon-standard uifw-icon-standard-check-circle xsmall " ></i>Accept</a>
.
这是一个简单的按钮,当我点击时,它会向用户发送电子邮件数据库数据。
事实是,如果我按下这个按钮几次,它会发出一些邮件。
所以,我想放一个装载机或类似的东西,所以用户知道他必须等待几秒钟,他将再次单击该链接。
我尝试了这样的东西,但这不起作用..我真的很新,JS ..
<script type="text/javascript">
(function loader() {
getElementById('loading').style.display ='block';
}(document));
</script>
<div id="loading">
<img src="~/images/ajax-loader.gif" />
</div>
.
编辑:好的,我刚刚更新了我的代码,我有这个:
<script type="text/javascript">
function ShowSendingProgress() {
var modal = $('<div />');
modal.addClass("modal");
modal.attr("id", "modalSending");
$('body').append(modal);
var loading = $("#modalSending.loading");
loading.show();
var top = '215px';
var left = '560px';
loading.css({ top: top, left: left, color: '#ffffff' });
}
</script>
<div class="loading" id="modalSending" align="center">
<img src="~/images/ajax-loader.gif" />
</div>
<a href="@(Url.Action("Accept", "Manager", new { HolidayId = item.HolidayId }))" class="uifw-button xsmall black" OnClick="ShowSendingProgress()"><i class="uifw-icon-standard uifw-icon-standard-check-circle xsmall "></i>Accept</a>
.
这不起作用,即使我没有点击链接,我也看到了ajax加载程序..
感谢您的帮助,
解决方案
以隐藏的装载机开头,应该解决您的问题:
<div class="loading" id="modalSending" align="center" style="display:none">
不隶属于 StackOverflow