jQuery函數對象

Question

<script type="text/javascript"> 
    $JTj(document).ready(function() { 
     var map = {"rows": 4, "cols" : 4}; 
     alert(map.rows); 
     formUpdate(map);  
    }); 

    function formUpdate(map) { 
     if (map != undefined) { 
      $JTj('#mapContainer').selectionmap(map); 
     } 
    } 
    formUpdate(map); 
</script> 

//簡單的庫

<script type="text/javascript"> 
(function ($JTj) { 
    $JTj.fn.selectionmap = function (options) { 
     alert(options.rows); 
    }; 
})(jQuery); 
</script> 

我得到錯誤，

ReferenceError: $JTj is not defined $JTj(document).ready(function() {

請讓我知道什麼是應該做的改變。

Answer 1

在您當前的代碼中，$JTj只能在您的自我調用匿名函數的範圍內訪問。

你將不得不包裝你的第一個代碼段在另一個（或者相同）匿名函數：

<script type="text/javascript"> 
    (function($JTj) { 
     $JTj(document).ready(function() { 
      var map = {"rows": 4, "cols" : 4}; 
      alert(map.rows); 
      formUpdate(map);  
     }); 

     function formUpdate(map) { 
      if (map != undefined) { 
       $JTj('#mapContainer').selectionmap(map); 
      } 
     } 
     formUpdate(map); 
    })(jQuery); 
</script> 

順帶一提，要小心：你發出呼叫formUpdate()外ready處理程序。執行該呼叫時，DOM可能尚未準備好。