两次单击相同事件处理程序

Question

我正在尝试解决Bootstrap ScrollSpy的问题，其中单击选项卡链接没有任何作用（尽管正确滚动显示了选项卡）。我注意到，相同的Bootstrap单击事件处理程序在Chrome开发者工具中显示了两次（我已经验证了，如果单击每个链接，它将带我到同一文件的同一行）。

同一个点击处理程序为什么会出现两次？我还验证了Bootstrap仅被包含一次。

Answer 1

尝试单击您在屏幕快照中指向的bootstrap.js链接，然后在注册事件监听器的行上添加line-of-code breakpoint。如果您认为在页面加载时已注册了事件侦听器，请重新加载页面。该页面应因断点而停止。 Call Stack pane应该可以帮助您弄清楚为什么注册了事件侦听器。 Resume script execution，您应该看到事件监听器再次注册。如果事件侦听器未在页面加载时注册，则只需按照您希望创建侦听器的方式与页面进行交互。

如果您不熟悉使用DevTools单步执行代码，请参见Get Started With Debugging。