JQuery Click Event not Trigerred

我正在创建自己的自定义javascript日历.shell日历生成成功并且看起来很好.但是,我无法触发onclick事件.当我点击按钮时,它什么也没做.

以下是Html的生成方式:

var GenerateCalendar = function(){
    var calDiv = $('#cal');
    var cal = new Calendar(8,2009);
    cal.generateHTML();
    var calHtml = cal.getHTML();
    calDiv .html(calHtml);
}

我尝试将下面的每个click事件添加到leftArrow锚点,但没有成功:

$('#cal').delegate('click','leftArow', function () {
    console.log('you click me.');
});

$('#leftArrow').on('click', function () {
    console.log('you click me.');
});

$('#cal').on('click','leftArrow', function () {
    console.log('you click me.');
});

GenerateCalendar创建了以下html文件

  

    

      

           
          
       
       

         September 
         2009
       
        

            
              
            
        
    
    

      
SUN
      
MOM
      
TUE
      
WED
      
THU
      
FRI
    
    

      

      

      
1
      
2
      
3
      
4
      
5
    
    

      
6
      
7
      
8
      
9
      
10
      
11
      
12
    
    

      
13
      
14
      
15
      
16
      
17
      
18
      
19
    
    

      
20
      
21
      
22
      
23
      
24
      
25
      
26
    
    

      
27
      
28
      
29
      
30
      
31
      

      

    

$('#cal').on('click','#leftArrow', function () {
    console.log('you click me.');
});

$('#cal').delegate('#leftArow', 'click', function () {
    console.log('you click me.');
});