Question

我有一个链接按钮，可以开始下载文件。单击该按钮时，它将更改文本并禁用链接。代码在chrome和firefox中运行良好，但它无法在IE中运行。

在玩完之后我注意到它正在改变文字。我尝试了香草js和jquery。

我不明白为什么代码在IE中不起作用，但适用于所有其他浏览器。

这是JSFIDDLE链接：请确保在Internet Explorer中打开它

＆＃13;

$('#dl-btn').click(function(){
	$(this).attr('disabled', true);
	$(this).text('Download is starting');

	//return true;
});

＆＃13;

<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<a id="dl-btn" target="_blank" href="http://google.com" class="btn btn-warning btn-lg"><strong>Start Download</strong></a>

＆＃13;

Answer 1

使用.on()代替.click()：

$('#dl-btn').on('click', function(){
    $(this).attr('disabled', true);
    $(this).text('Download is starting');

});

Answer 2

问题是嵌套在部分的<a href></a>标记。如果在<a href></a> <a href="link">Test</a>或<a href="link">Test</a>

中存在任何嵌套收入，则Internet Explorer会阻止默认行为

在IE中更改文本时链接中断

2 个答案: