这个问题的根源在于不同浏览器对于HTML中<a>
标签的解析机制有所差异。在Chrome和Edge中,点击<a>
标签可能会触发页面内的内容更新,而不会导致页面整体刷新或跳转。但在Firefox中,相同的操作可能会触发页面的重新加载或跳转到新的URL,这是因为Firefox对于<a>
标签的默认行为和其他浏览器略有不同。
正常跳转:
异常跳转:
代码(li标签里面包的a标签,给谁加点击事件都无所谓,都会触发BUG,解决方式相同):
<li style="cursor:pointer" onclick="Departments();"><a href="javascript:(0)">全部</a></li>
解决方法是直接在点击事件后面添加 return false 即可
<li style="cursor:pointer" onclick="Departments();return false;"><a href="javascript:(0)">点击</a></li>