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

Question

预先抱歉，我没有与此帖子一起显示的简短示例。 我正在开发的应用程序遇到一个非常奇怪的问题。 我编写了一些自定义滚动条代码，在这种情况下，没有一个我添加到滚动条“句柄”之一的事件处理程序被调用。

你可以在这里看到应用程序

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

现在，在您认为我不喜欢将事件附加到它之前，尝试一下。

如果您使用的是chrome或带有简单javascript控制台的任何内容，则可以运行

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

现在，每次将鼠标移到其中一个滚动条上时，它都应该记录为“已移动”。 它适用于搜索结果中“二手”标签，但不适用于“新标​​签”。

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

另一注。 如果我仅创建“新建”选项卡而不创建已使用的选项卡，则它将正常运行。

即使您找不到确切的问题，我也非常感谢您提出可能会发生这种情况的建议。

谢谢！

Answer 1

您所有的代码看起来都不错，您只需要添加一个z-index: 999; 到无效的滚动条上的内联元素样式：

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