Javascript 未调用元素上的事件，但我可以确认它们已附加

在此之前，我很抱歉没有很好的简短代码示例可以在本文中显示。我在开发一个应用程序时遇到了一个非常奇怪的问题。我编写了一些自定义滚动条代码，在这个例子中，我添加到滚动条句柄中的事件处理程序都没有被调用

你可以看到这个应用程序

要查看问题，只需在左上角搜索生物学，然后选择第一个结果。等待右窗格中加载一些结果。右侧窗格中的“新建”滚动条不应响应鼠标单击。如果切换到“已使用”选项卡，它将显示

现在，在你认为我把事件附加到它之前，试试这个

如果您正在使用chrome或任何带有简单javascript控制台的东西，您可以运行

$('.bs-scroll_bar_handle').mousemove(function(){console.log('moved');});

现在，每当您将鼠标移动到其中一个滚动条上时，它都会被移动。它可以在搜索结果中的“已使用”选项卡上工作，但不能在“新建”下工作

我已经确认事件处理程序被添加到元素中，并且我可以使用VisualEvent手动触发它

另一个注释。如果我只创建新选项卡，而不是使用的选项卡，它将正常工作

即使你找不到确切的问题，我也非常感谢你能给我一些建议，解释为什么会发生这种情况

---

谢谢

所有代码看起来都不错，只需添加一个z-index:999；要使滚动条上的内联元素样式不起作用，请执行以下操作：

<div class="bs-scroll_bar_handle" style="visibility: visible; height: 310px; top: 0px; z-index: 999;"></div>