※Eclipse 配置 jQuery
Eclipse安裝好開啟後(想開啟,java也要安裝),去官網下載jQuery,複製到隨便一個地方※正確的設定
<script type="text/javascript" src="jquery-2.2.3.js"></script> <script type="text/javascript"> $(function() { alert('hello jQuery!'); }); </script>
以下圖為例
※綠框的程式碼就在右邊,紅框因為和index.html是同層,所以src直接寫就可以了
※常見錯誤1
可以用滑鼠直接將紅框拖曳到src裡面,但路徑是WebContent開頭,所以不正確,而且按Ctrl鍵不放,然後按滑鼠左鍵也沒反應※常見錯誤2
如果是用「/」開頭,如「/jquery-2.2.3.js」,Ctrl和左鍵是有連到的,但還是不正確※常見錯誤3
<script type="text/javascript" src="jquery-2.2.3.js" /> <script type="text/javascript"> $(function() { alert('hello jQuery!'); }); </script>
※只是將「<script></script>」,改成「<script />」就不對了
※常見錯誤4
<script type="text/javascript" src="jquery-2.2.3.js"> $(function() { alert('hello jQuery!'); }); </script>
※直接將兩個script合在一起也是不正確的
如果不想下載jQuery又想執行jQuery,就將src指向jQuery的網址吧!我指的是官網範例程式的網址,如:src="https://code.jquery.com/jquery-1.10.2.js",當然要連網路才行
※安裝jQuery的Content assist
※有時候不會提示,但實際上是有方法的,只能說不要太依賴Content assist,一切都已官網為主,我只把它當作少打錯字的工具而已Help-->Eclipse Marketplace出現如下的畫面
安裝好會提示重啟Eclipse,重啟後,在自己的專案按右鍵-->Properties後,如下操作
選擇適合的版本後,按下Finish完成(如果版本不對,還是可以用,只是新的方法不會提示)
現在輸入「$().」,一打「.」有些Eclipse的版本就可以了,如果沒有還要再設定
在Eclipse的上面找到Window-->Preferences後,如下操作:
※Enable auto activeation一勾,下面的三個子項才可以設定,上面都是預設的
.Auto activation delay:延遲300毫秒(0.3秒),也就是緩衝
.Auto activation triggers for JavaScript:框裡輸入什麼,只要一打就會提示,預設是「.」,也可以將a~z打進去,這樣子打英文和.都會提示,但較浪費記憶體
.Auto activation triggers for JSDoc:在註解裡輸入框裡的字元後會有註解的相關提示
以Java來說,上面的圖javascript的紅框上面有java,裡面也是有類似的設定,但文字描述有一點不一樣,Auto activation triggers for JavaDoc,預設也是@#,Java的註解有三種,它的註解只有用在/**‧‧‧*/的時候,在裡面打@和#都會提示,但這裡的javascript我試不出來
沒有留言:
張貼留言