Jquery 下载文档时如何使用window.location.href操作gif加载？

我有下面的点击事件处理程序，它导出和下载pdf，但我想在生成pdf时添加gif动画。这就是我迄今为止所尝试的：

 $("#export_pdf").click(function (e) {
    e.preventDefault();
    $("#ajax_loader").css("display", "");
    var formato = "PDF";
    var url = "/Obras/Export?format=" + formato + "&nombreObra=" + 
    $('#nombre_obra').val();
    window.location.href = url;
    $("#ajax_loader").hide();
});

但是，仅仅通过加载ajax\u加载器来显示div的图像是不够的我使用MVC和jquery导出PDF格式的文档，所以我不使用ajax，所以我使用window.location.href

---

我试着去做，但对我不起作用。如果有人有任何想法，我将不胜感激。

我对ajax loader不太熟悉，但我以前使用过jQuery spinner：

html-

这是我的包裹-

    bundles.Add(new ScriptBundle("~/bundles/spin").Include(
            "~/Scripts/spin.js",
            "~/Scripts/spinner.js"));

    $(document).ready(function () {

         setSpinner("loaderImportFile");


         $('#importForm').submit(function () {

              $('#loaderImportFile').fadeIn();
         });

        function setSpinner(loaderId) {

            var opts = {
                lines: 12,
                length: 7,
                width: 4,
                radius: 10,
                color: '#000',
                speed: 1,
                trail: 60,
                shadow: false,
                hwaccel: false
          };
          var target = document.getElementById(loaderId);
          var spinner = new Spinner(opts).spin(target);

         }

    });

    bundles.Add(new ScriptBundle("~/bundles/spin").Include(
            "~/Scripts/spin.js",
            "~/Scripts/spinner.js"));