問題詳情
如下圖所示(部分):
出現該錯誤,是因為應用程序中需要使用到jquery(現在的web應用程序哪個能離開jquery呢),而目前程序目錄中並沒有jquery文件,或者有jquery文件但是程序並不知道jquery文件存放的具體位置。因此,我們要做的就是讓應用程序能夠找到jquery源文件。
引入jquery
如果項目中還沒有引入jquery文件,則第一步就是要引入jquery文件。可以從jquery官網下載最新版的jquery源文件,然后在應用程序的根目錄下新建一個Scripts文件夾用來放置js文件,將jquery源文件解壓到該目錄中。如果你使用的版本是vs2013及以上版本,則會方便很多,因為會有內置了NuGet軟件包管理,在引用上右擊鼠標,會出現NuGet程序包管理選項,點擊就會出現管理界面:
出現管理界面之后,在搜索框中搜索jquery,會出現jquery項目結果。
由於我已經安裝了jquery,所以該右側出現的是卸載和更新,如果是項目中沒有jquery,則會顯示安裝按鈕。
點擊安裝之后,NuGet會自動創建Scripts文件夾並將jquery源文件下載到該文件夾中。
引入jquery文件后,程序目錄應該如下圖所示:
上圖是通過NuGet安裝的jquery,如果是直接從官網下載jquer引入,則不必將上面的文件全部引入,只需引入必要的jquery-***.js(用於開發環境)和jquery-***.min.js(用於生產環境)即可。(***為jquery的具體版本號)
配置jquery的目錄
引入了jquery文件之后,下一步就是要讓應用程序知道jquery源文件的位置,也就是要配置jquery的目錄。
配置jquery目錄可以在Global.asax文件中的Application_Start()方法中添加以下代碼:
1 ScriptManager.ScriptResourceMapping.AddDefinition("jquery", new ScriptResourceDefinition 2 { 3 Path = "~/scripts/jquery-3.1.1.min.js", 4 DebugPath = "~/scripts/jquery-3.1.1.js", 5 CdnPath = "http://ajax.microsoft.com/ajax/jQuery/jquery-1.7.2.min.js", 6 CdnDebugPath = "http://ajax.microsoft.com/ajax/jQuery/jquery-1.7.2.js" 7 });
上述代碼中將jquery文件的位置映射到了程序的管理當中,注意配置路徑要和與安裝的路徑和版本相一致,這樣一來程序就知道jquery的文件目錄了。需要注意的是,配置時還需要引入System.Web.UI這個命名空間,因為ScriptManager位於該命名空間之下。
一般情況下,程序就可以正常運行了。