滚动事件没有被div解雇

Question

我正在使用jQuery对话框小部件。为该对话框呈现的html如下所示在jsFiddle中。可以在外部div中看到滚动条，但滚动事件未触发。

http://jsfiddle.net/dM5kY/

在javascript下面添加不会触发事件：

$("#dialog).scroll(function(){
 alert("scroll");
});

$("#dialog").on('scroll',function(){
   alert("scroll 1");
});

Answer 1

您没有添加jquery库。这是更新的jquery代码：

$(function(){
    $('#dialog').scroll(function(){
      alert("scroll");
    });
})

更新了小提琴http://jsfiddle.net/dM5kY/18/

Answer 2

有几个错误：

1. 缺少jQuery库
2. 对话框高度应小于模态高度，否则滚动不会出现
3. 设置CSS属性溢出：滚动

演示：http://jsfiddle.net/dM5kY/19/

$( document ).ready(function() {
    $("#dialog").on('scroll', function(){
        alert("scroll 1");
    });
});

Answer 3

点击此处查看我的更新：

http://jsfiddle.net/JeekOnline/dM5kY/21/

$( document ).ready(function() {
 $("#dialog").scroll(function(){
    alert("scroll");
 });
});