2016年4月17日 星期日

Eclipse 配置 jQuery 和 安裝jQuery的Content assist

※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我試不出來

沒有留言:

張貼留言