2012年3月12日 星期一

VS加入jQuery Intellisense(提示功能)

微軟已經在VS 2010上完整支援jQuery Intellisense
只要加入jquery-*.js與jquery-*-vsdoc.js(版本名稱要相同,這邊以1.7.1版做範例)
就可以看到跟VS一樣的提示功能

但是在VS 2008沒有直接支援
以往我們都需要做另外宣告
又因為在運行時會抓到vsdoc而將其隱藏
<script src="jquery-1.7.1.js" type="text/javascript"></script>
<% if(false) { %>
  <script src="jquery-1.7.1-vsdoc.js" type="text/javascript"></script>
<% } %>

要做到VS 2010一樣的效果
需要先將VS 2008升級到SP1
VS90SP1-KB958502-x86

然後安裝微軟提供的Hotfix
VS90SP1-KB958502-x86

安裝完之後
不管在VS 2010還是VS 2008
只需將jquery-1.7.1.js與jquery-1.7.1-vsdoc.js放在相同資料夾內
然後呼叫(直接脫過去)jquery-1.7.1.js
不需要再多做乎要jquery-1.7.1-vsdoc.js的動作

ASPX頁面呼叫
<script src="jquery-1.7.1.js" type="text/javascript"></script>

js檔呼叫
/// <reference path="jquery-1.7.1-vsdoc.js" />


2012/03/12 David Kuo 補充:

請注意,假使許多子頁面在不同位置及目錄,而都要套用同一款主版頁面,那就必須要使用相對位置的連結路徑。
例如:
<script src="<%=ResolveUrl("~/js/jquery-1.7.1-vsdoc.js") %>" 
type="text/javascript"></script>
如此一來,所有子頁面都會對應到相同的 jquery-1.7.1-vsdoc.js 檔案


参考:
jquery vsdoc vs2008使用javascript的提示功能
VsDoc for jQuery
支持-vsdoc.js的jQuery智能提示的VS2008 SP1补丁发布
Rich IntelliSense for jQuery

回aspnet目錄
回JQuery目錄
回首頁

沒有留言 :

張貼留言

Related Posts Plugin for WordPress, Blogger...