滾動事件不會被解僱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

這裏查看我的更新：未添加

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

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

Answer 2

你沒有加入jQuery庫。這裏是更新的jQuery代碼：

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

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

Answer 3

有以下幾種錯誤：

1. 缺少jQuery庫
2. 對話框高度應小於模式高度否則不會出現滾動
3. 組CSS屬性溢出：滾動

演示在這裏：http://jsfiddle.net/dM5kY/19/

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