javascript - 如果用户单击浏览器取消按钮，隐藏加载 gif 的最佳方法是什么？

Question

目前我有一个剑道菜单，其中包含一个可弹出加载 gif 的 javascript 函数。

 Html.Kendo().Menu()
                .Name( "menu" )
                .Orientation(MenuOrientation.Vertical)
                .Items( items =>
                {
                    items.Add().Text( "Company Info" ).Items( cInfoItems =>
                    {
                        cInfoItems.Add().Text( "Long Load" ).Url("/Controller/ActionMethod").LinkHtmlAttributes(new{ onclick="return LoadingGif();"});

                    } );


<script>
    function LoadingGif(){
        $('#divLoading').show();
    }
</script>

问题是，当 View 呈现时，如果用户单击浏览器取消按钮，gif 永远不会隐藏。处理这个问题最优雅/最巧妙的方法是什么？

Answer 1

该死!这是一个旧帖子，但仍然没有答案？无论如何，对于那些访问过此页面并滚动寻找答案的人来说，处理此问题的一种方法是，

  $(document).ready(function () {
    // Hide the model or a div; whatever you are using
    $(".modal").hide();
    //listen for the submit button click
    $("#myForm").submit(function (event) {
        $(".modal").show();
        // set a timeout to hide the gif
        setTimeout(function () { $('.modal').hide(); }, 2500);
      });
    });

即添加超时时间。 但这不是最好的方法!