Question

当我不想要它时，Jquery Mobile似乎在搞乱链接的本机浏览器点击事件。

这是我的简单代码：

<html>
<head>
<script src="jquery.js"></script>  <!-- version 1.11.1 -->
<script src="jquery.mobile-1.4.3.min.js"></script>
</head>
<body>
<a href="/oldname.txt" download='newname.txt'>Download</a>
</body>
</html>

这会导致浏览器显示＆＃34; newname.txt＆＃34;给我下载，但它失败了。

但是，如果注释掉jquery.mobile脚本行，则链接可以正常工作。

（注意：这不是CORS问题，因为链接是相对的）。

是什么给出了？

编辑：

如果我在页面上有以下内容：

<script>
$("a")[0].click(); 
</script>

然后，我成功获得＆＃34; newname.txt＆＃34;的下载提示。来自浏览器。

但是，再次，如果我点击它，我只是被重定向到旧文件名。

Answer 1

下载属性是html5，你还没有定义doctype，这是你遇到的关键问题：

替换它：

<html>

用这个：

<!DOCTYPE html>

Answer 2

想出来。您需要在锚点中包含data-ajax = false属性。

<a href="/oldname.txt" download='newname.txt' data-ajax=false>Download</a>

JQM防止默认链接操作w / download属性

2 个答案: