Jquery関数呼び出しシーケンス

Question

私はJqueryの初心者で、このコードを本で見ました。 hideCode（）がどのように実行されているかを理解しようとしています。

1. ドキュメントがロードされ、jqueryの機能を実行するためにその準備ができます：

   これが起こるだろうthatsのevetsの一連の私の理解です。

2. guess_boxをクリックすると、checkForCode（）関数が実行されます。
3. hideCode（）関数が実行されます。

これは間違いありませんか？

$(document).ready(function() { 
    $(".guess_box").click(checkForCode); 
    function getRandom(num) { 
     var my_num = Math.floor(Math.random() * num); 
     return my_num; 
    } 
    var hideCode = function() { 
     var numRand = getRandom(4); 
     $(".guess_box").each(function(index, value) { 
      if(numRand == index){ 
       $(this).append("<span id='has_discount'></span>"); 
       return false; 
      } 
     }); 
    } 
    hideCode(); 
    function checkForCode() { 
     var discount; 
     if($.contains(this, document.getElementById("has_discount"))) { 
      var my_num = getRandom(5); 
      discount = "<p>Your Discount is " + my_num + "%</p>"; 
     } else { 
      discount = "<p>Sorry, no discount this time!</p>" ; 
     } 
     $(this).append(discount); 
     $(".guess_box").each(function() { 
      $(this).unbind('click'); 
     }); 

Answer 1

表示されないコードが多い場合を除き、ページが読み込まれるとhideCodeが1回だけ呼び出されます。 guess_boxをクリックするまでcheckForCodeが実行されません。シーケンスは次のとおりです。

1. ドキュメントが読み込まれます。
2. checkForCodeは、guess_boxのclickイベントにバインドされますが、まだ実行されません。
3. hideCodeが実行されます。