在 IE11 中完全不可点击的锚标签答案

【问题标题】：Anchor tag completely un-clickable in IE11在 IE11 中完全不可点击的锚标签
【发布时间】：2019-10-16 04:19:12
【问题描述】：

大家好，所以我一直在到处研究，找不到解决这个问题的方法。这是确切的代码行。

'<a id="auto_refinance_loan_documents_save_link" ' + ((scope.styleAsBtn) ? 'class="btn btn-primary"' : '') + '>' + linkText + '</a>';

我们正在使用 angularJS，因此您几乎可以忽略所有其他内容，但它是一个带有引导 btn 类的简单锚标记。它在所有浏览器上都运行良好，当然除了 IE11。问题是您根本无法单击 a 标签。单击它时它完全没有任何作用。

【问题讨论】：

"so you can pretty much ignore all the other stuff" :: 编辑您的代码并呈现版本，删除您认为我们应该忽略的所有部分。
@Martin ignore the id... 我想包含引导类，因为我不知道这是否会丢掉一些东西
我们不能对引导类发表评论，除非您也可以向我们展示 CSS 的作用？
你能告诉我们目标浏览器（IE / Edge）中锚点的源输出吗？
你没有给你的锚点任何动作，或者至少你没有分享那部分代码。您没有 ng-click 或 href 属性。您没有显示任何添加点击侦听器的代码。你期望发生什么？

【解决方案1】：

如果a 标记不包含href 属性，则浏览器会将其视为未来链接的占位符，并且仍不可点击。如果您想将其用作可点击链接而不跟随任何 URL，您可以使用哈希作为 href：

<a href="#"></a>

W3 standard中有提到：

a 和 area 元素的 href 属性不是必需的；当这些元素没有 href 属性时，它们不会创建超链接。

【讨论】：