執行這個奇怪的功能

Question

我正在一個項目上工作，我想幫助一下如何在JavaScript中執行這個功能。

我不是很熟悉在JS中的函數之前看到'$'代碼。如果我使用PhantomJS的Chrome等JS Engine執行此功能，應該在控制檯中寫什麼？

<script language="javascript"> 
$(function() { 
    $(".cb-js-cc").on('click', function() { 
     $.ajax({ 
      type: "POST", 
      url: "Overview.aspx/cc", 
      data: "{ reservationVersionId: " + $('.js_ReservationVersionId').val() + "}", 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function (msg) { 
       if (msg && msg.d) { 
        alert(msg.d); 
       } 
      } 
     }); 
    }); 
}); 
</script> 

Answer 1

採用$(function() { ... })是$(document).ready(function() { ... });速記符號。該功能將在頁面加載完成時自動執行，並將點擊事件綁定到綁定到類「cb-js-cc」的任何元素。由於該函數是匿名的，因此您將無法通過JavaScript代碼觸發它。如果您需要以編程方式觸發事件，你可以使用$。點擊（）：

$('.cb-js-cc').click(); 

重寫功能，所以它不是匿名的，並且可以隨意執行：

<script language="javascript"> 
    function myFunc() { 
     $.ajax({ 
      type: "POST", 
      url: "Overview.aspx/cc", 
      data: "{ reservationVersionId: " + $('.js_ReservationVersionId').val() + "}", 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function (msg) { 
       if (msg && msg.d) { 
        alert(msg.d); 
       } 
      } 
     }); 
    } 

    myFunc(); 
</script>