Javascript 链接ASP.NET MVC 5上的加载程序

我正在尝试做一些非常简单的事情，但它不适用于所有浏览器。。。 我需要你的帮助：

<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加载程序，即使我没有点击链接

---

感谢您的帮助，

从隐藏加载程序开始，这将解决您的问题：

---

你有没有尝试过一些对你不起作用的东西，或者你正在要求别人帮你解决它？改用actionlink…@KartikeyaKhosla我不能在这里使用actionlink，因为我想在里面找到它：@MichalB。我会告诉你我做了什么，然后在fews min编辑我的帖子。酷，你能接受答案吗？关于模态对话框，请看一看。