未調用事件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>