javascript - 动态添加元素上的 mousewheel 事件

Question

长话短说，我正在尝试将“鼠标滚轮”事件绑定(bind)到带有滚动条的 div。

当我在我创建的插件之外使用它时，我的代码可以工作，但是当我尝试将它变成插件时，它什么也不做。我尝试将“鼠标滚轮”更改为单击，看看是否有效，并且确实如此，这似乎只是未拾取的“鼠标滚轮”事件......

有什么线索吗？

scroller = "<div class='scale_window'>";

for (var i = options.numFrom; i <= options.numTo; i++) {
    scroller += "<div>" + i + "</div>";
}

scroller += "</div>";

$(this).html(scroller);
$('.scale_window', this).on('mousewheel', function (e) {
    console.log("hmm");
});

我想尝试在不使用“jquery.mousewheel”插件的情况下执行此操作。

Answer 1

试试这个

$(document).on('mousewheel','.scale_window', function (e) {
    console.log("hmm");
});