在动作重定向 mvc 期间显示等待动画

Question

用户单击某些按钮可重定向到不同的控制器操作。我想向用户展示一些用户知道要等待的很好的等待信息（也许使用引导程序？）。你能给点建议吗？在我的当前代码下方：

这是我的 JS 的一部分，它将一些 href url 粘贴到模式引导窗口：

...
  var href = $('#details').attr('href'); // currently returns '/TransportGallery/Details/1'
            href = href.slice(0, href.lastIndexOf('/') + 1) + id;
            $('#details').attr('href', href);
...

这是模式引导窗口，上面的 js href 将被放置并将替换这个：

...

                <a href="@Url.Action("Details", "TransportGallery", New With {.id = 1})" class="btn btn-primary" id="details">
                    Show pictures
                    <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
                </a>
                <button type="button" class="btn btn-warning glyphicon glyphicon-off" data-dismiss="modal"> Close</button>
            </div>
        </div>
    </div>
</div>
...

现在完成此操作后，有一些操作将图片加载到图库，在那一刻我想显示用户动画。怎么做？

Answer 1

您可以使用BlockUI.JS

$(function(){
    $('#details').on('click',function(){
      $.blockUI();
    });
 });

在你将页面重定向到其他地方后，页面将自动解锁。