点击GitHub Markdown页内链接后图片点击功能失效问题求助

可行解决/替代方案 #

• 用JS实现锚点跳转替代原生链接
  放弃原生Markdown锚点，改用HTML按钮+JavaScript实现跳转，避免触发GitHub的异常锚点逻辑：

  <button style="border:none; background:none; color:#0969da; cursor:pointer;" onclick="document.getElementById('toc-section').scrollIntoView({behavior: 'smooth'});">跳转到目录</button>
  

  同时给目标标题添加ID：

  <h1 id="toc-section">Table of Contents</h1>
  

• 强制图片点击行为
  给图片标签添加自定义点击事件，直接指定打开方式，绕过页面异常绑定：

  <img src="your-image-url.jpg" alt="Image Description" onclick="window.open(this.src, '_blank'); return false;">
  

• 临时规避：查看原始文件
  点击页面右上角的「Raw」按钮，在原始Markdown文件中使用浏览器原生锚点跳转，此时图片点击不会出现冻结问题。

问题原因推测 #

近期GitHub对Markdown页面的锚点渲染逻辑做了更新，原生锚点跳转后，页面的事件监听绑定出现异常冲突，导致图片的默认点击事件被错误拦截，进而引发页面冻结。

内容的提问来源于stack exchange，提问作者Jeff Brower