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

Question

有一些用户点击的按钮被重定向到不同的控制器动作.我想向用户展示一些用户知道等待的好等待信息(可能使用bootstrap？).你能建议吗？在我的修改代码下面:

这是我的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();
    });
 });

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