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