Javascript 当请求链接到下载头时,Safari停止jquery动画

Javascript 当请求链接到下载头时,Safari停止jquery动画,javascript,jquery,html,css,safari,Javascript,Jquery,Html,Css,Safari,若我的问题有一个简单的解决方案,那个么很抱歉:我在网上搜索了一下,但什么也没找到 当我点击一个链接到带有下载头的url的href时,safari会停止所有为css制作动画的jquery函数 在我的例子中,我有一个php脚本,可以生成一个大的pdf文件,完成这个任务需要很多秒;要停止用户交互,我打开一个带有进度条的模式 在Chrome和firefox上工作正常,但safari在请求带有下载头的url时会停止我的jquery功能,而警报功能工作正常 为了解决这个问题,我在显示模式和请求链接后管理事件

若我的问题有一个简单的解决方案,那个么很抱歉:我在网上搜索了一下,但什么也没找到

当我点击一个链接到带有下载头的url的href时,safari会停止所有为css制作动画的jquery函数

在我的例子中,我有一个php脚本,可以生成一个大的pdf文件,完成这个任务需要很多秒;要停止用户交互,我打开一个带有进度条的模式

在Chrome和firefox上工作正常,但safari在请求带有下载头的url时会停止我的jquery功能,而警报功能工作正常

为了解决这个问题,我在显示模式和请求链接后管理事件

$('#pdf_download_button').click(function(){

$('#download_modal')
.on('shown.bs.modal', function() {

    location.href = "http://www.example.com/modules/myModules/include/pdf_generator.php";

}).modal('show');

var fileDownloadCheckTimer;
fileDownloadCheckTimer = window.setInterval(function (e) 
{
    if($.cookie('download_pdf'))
    {   
        window.clearInterval(fileDownloadCheckTimer);
        $.removeCookie('download_pdf') 
        $('#download_modal').modal('hide');         
    }
    else
    {   
    }      
}, 1000);
});
但是如果有办法的话,我会用jquery制作的模态显示动画

我希望这不是一个老问题

提前感谢 马可更新

按照您在评论中告诉我的,我更新了代码,并将包含HTML元素

下载 //已显示.bs.modal侦听器 $'download\u modal'。在'show.bs.modal'上,函数{ $'bar'。动画{width:'100px'},5000,函数{ //动画完成后回调 $'download_modal'。modal'hide'; }; location.href=http://www.digilog.de/pub/blog/android_download_header_test.php/ctaos/cdafqZIP/'; }; //单击侦听器 $'pdf\下载\按钮“”。单击功能{ $‘下载模式’。模式‘显示’; }; 我将show.bs.modal事件侦听器放置在click事件的处理程序函数之外。 我删除了附加的.modal'show',因为据我所知,没有必要在最初的show之后再次声明 我正在使用一个示例url作为下载链接 我关闭.animate回调中的模态 我在Safari 5.x中运行这个程序,它可以很好地工作下载zip文件并为工具栏设置动画 以下是JFIDLE的示例:
为什么要设置location.href?因为我需要调用生成大pdf文件的脚本:此url响应带有pdf文件头内容处置:附件。对不起,第一个$'download_modal'.modal'show';我的代码中没有,我现在就编辑。我测试了你的代码,但是jquery动画仍然不起作用。Safari在请求url@Marco-您正在检查Safari的哪个版本?在没有特定url详细信息的情况下,您用于设置动画的代码是什么?你在用什么图书馆?这些将帮助我理解并重新创建您正在做的事情。safari 7.0.4 9537.76.4,我使用的是TCPDF和phpExcel。问题是客户端,jquery动画它正在更改引导进度条的宽度:它就像$'bar。动画{width:100px},1000,非常简单:在我使用location.href或本机html超链接或通过jQuery请求url后,javascript所做的每个css更改都不起作用