Javascript 单击后，动态生成的herf将不会下载文件

我正在从数据库中提取文档名称和ID的列表，并将它们放入无序列表中，例如：

<ul id="list">
   <li onmouseover="onHover(docNumber)"> 
      <a herf="#" id="docNumber">DocName</a>
   </li>
</ul>

当我单击元素时，不会下载任何内容。我检查了一个元素是否被点击，这是一段代码，只是文件并没有下载

$('#list').on('click','li a',  function(){

        console.log('click');
    });

当我在DevTools中查看时，我可以看到一切都已设置好，但单击时不会下载任何内容。

---

谢谢你的帮助

我拼错了

href

属性，用

href

替换了

herf

，效果非常好

您是否尝试过target=“\u blank”？

herf

应该是

href

。在标题和文本中，这是一个无伤大雅的输入错误，但在代码中却完全失败了。在代码中，您在链接元素上写的是“herf”而不是“href”。@Barmar哇！非常感谢。真不敢相信这么小的东西让我拔了好几天的头发。再次感谢各位。

$('#list').on('click','li a',  function(){

        console.log('click');
    });