jquery錯誤：微軟jscript運行時錯誤'$'是未定義jQuery的？

Question

我用下面的jquery來驗證特定的div。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#btnNext').click(function() { 
      if ($('#page1 input[id$=txt_companyname]').val() == "") { 
       alert('company Name is Blank!'); 
       $('#page1 input[id$=txt_companyname]').focus(); 
      } 
      else if ($('#page1 input[id$=txt_headoff]').val() == "") { 
       alert('Password is Blank!'); 
       $('#page1 input[id$=txt_headoff]').focus(); 
      } 
     }); 
    }); 
</script> 

我在這個頁面的按鈕，如果我點擊BTN沒有填補這些領域，那麼警報味精應該顯示。這個錯誤

<div id="page1" runat="server" style=" padding-left:10px"> 
<div class="divsize"> 
        <div class="labelsize"><asp:Label ID="lbl_companyname" runat="server" Text="1. Name of the Company" ></asp:Label></div> 
        <div class="labelcolon"><asp:Label ID="Label2" runat="server" Text=":" ></asp:Label></div> 
        <div class="labelsize"><asp:TextBox ID="txt_companyname" runat="server" Width="250px" ></asp:TextBox></div> 
       </div> 
       <div class="divsize"> 
        <div class="labelsize"><asp:Label ID="lbl_headoff" runat="server" Text="2. a) Head Office/Registered Office" ></asp:Label></div> 
        <div class="labelcolon"><asp:Label ID="Label3" runat="server" Text=":"></asp:Label></div> 
        <div class="labelsize"><asp:TextBox ID="txt_headoff" runat="server" 
         TextMode="MultiLine" Width="250px" ></asp:TextBox></div> 
       </div> 
       </div> 

Answer 1

可能的原因：

1. 您還沒有引用jQuery庫。
2. 您正在加載庫之前調用該函數。
3. 使用另一個已重新定義「$」的庫。

如果你已經正確引用jQuery和沒有其他圖書館重新定義「$」，那麼你應該調用函數時的文件已經準備好這樣

$(document).ready(function() 
    { 
    //All your code here. 
    });