ReferenceError：関数が定義されていても関数が定義されていません

Question

このエラーを理解して削除することはできません。私は、画面のサイズを変更すると、Firefoxの開発ツールから分かるように

：

ReferenceError: checksize is not defined 

Firefoxは私の関数が定義されていないと言う理由を私は理解していません。奇妙です...

// Display info on cards hover or click according to view 
    $(document).on('page:change', function() { 
    $('#collapseOne').on('shown.bs.collapse', function() { 
     $(".glyphicon").removeClass("glyphicon-plus").addClass("glyphicon-minus"); 
    }); 
    $('#collapseOne').on('hidden.bs.collapse', function() { 
     $(".glyphicon").removeClass("glyphicon-minus").addClass("glyphicon-plus"); 
    }); 

    // run on initial page load 
    checkSize(); 
    // on screen resize 
    window.addEventListener('resize',function() { 
     console.log('Resize of screen has been identified'); 
     // All the taxing stuff you do 
     checksize(); 
    }); 

    function checkSize() {   
     // Use jquery intent to prevent ??? 
     // Source-stackoverflow.com/questions/1089246/how-to-tell-hover-to-wait & 
     // cherne.net/brian/resources/jquery.hoverIntent.html 
     $(".card-image").hoverIntent({ 
      sensitivity:100,//sensitivity threshold (must be 1 or higher)  
      interval:100,//milliseconds for onMouseOver polling interval  
      timeout:100,//milliseconds delay before onMouseOut  
      over:function(){ 
       $('.card-short-info',this).slideToggle(100); 
      }, 
      out:function(){ 
       $('.card-short-info',this).slideToggle(300); 
       // remove behind the scene appearance on small screen that would linger when moving to large screen 

      } 
     }); 

     } 

    }); 

Answer 1

Javascriptは大文字と小文字を区別します。

Sが必要です。

Answer 2

checkSize（）の定義を$（document）ブロックから取り出します。