2016-11-07 54 views
0

我想在ASP.NET中測試一個簡單的JavaScript函數。無法在ASP.NET中加載JavaScript

影/ Index.cshtml

<!-- My local JavaScript File --> 
<script src="~/Scripts/JavaScript.js" type="text/javascript"></script> 

<input type="button" id="getPeople" value="Get People"/> 
<ul id="people_list"/> 

查看/共享/ _Layout.cshtml

<script src="~/Scripts/jquery-2.2.3.js"></script> 
<script src="~/Scripts/jquery.unobtrusive-ajax.js"></script> 
<script src="~/Scripts/MicrosoftAjax.js" type="text/javascript"></script> 
<script src="~/Scripts/JavaScript.js" type="text/javascript"></script> 

/Scripts/JavaScript.js

$(document).ready(function() 
{ 

}); 

$('#getPeople').click(function() 
{ 
    alert("getPeople"); 
} 

我按下按鈕,但不出現警報。爲什麼?

+1

因爲您正在'#getPeople'元素之前加載您的JavaScript文件,您的點擊處理程序需要_within_ doc.ready塊。不在之後。未封閉的點擊處理程序是複製粘貼錯誤還是您的實際代碼? – Turnip

+0

點擊處理程序是否在預處理程序之外?如果是的話,把它放在裏面,並且應該這樣做 – Andrei

+0

$(文件)。就緒(函數(){ //填寫聯繫 // LoadContacts(); $( '#getPeople')點擊(函數( ){ 警報( 「getPeople」); }); 這不是工作 – ifooi

回答

1

確保

  • 首先導入的jQuery(進口/Scripts/JavaScript.js前)
  • 添加文檔的準備事件中單擊處理程序。

如果您不確定,請檢查組成頁面的輸出(例如瀏覽器中的開發人員工具)。

$(document).ready(function() { 
    $('#getPeople').click(function() { 
     alert("getPeople"); 
    }); 
}); 
+0

分析錯誤:意外的令牌 – ifooi

4

'#getPeople'單擊處理程序應該是內部$(document).ready

$(document).ready(function() 
{ 
    $('#getPeople').click(function() 
    { 
     alert("getPeople"); 
    } 
}); 
+0

解析錯誤:意外的令牌 – ifooi

+0

地感謝/雅 – ifooi