iT邦幫忙

DAY 1
2

實習、專題除錯筆記系列 第 1

實習、專題除錯筆記(一)-- 為什麼我同時引用了 Angular 和 jquery ,jquery 就不能用了呢?

  • 分享至 

  • xImage
  •  

前言

在學校的專題撰寫、校外的實習,常常碰到許許多多的 Bug,如何發現問題、解決問題常常是令人頭痛的問題,這個鐵人挑戰主要是希望把這些記錄下來,讓人家看見,可以一起討論,找出較好的方法,由於專題跟實 習是採用完全不同的語言在設計,內容可能會穿插各種不同的語言、各種不同的問題,會有 PHP、Javascript、Node.js、Angular 等技術的問題,也會有類似架構設計上的一些問題、解法,內容會相當的廣泛請多多包涵,另外我會用一個問題當作標題,讓更多的人可以看見、搜尋,讓更多人可 以參與討論,或是尋找解法。

問題一,為什麼我同時引用了 Angular 和 jquery ,jquery 就不能用了呢?

方法一

原因是 Angular 載入時會 complie 一次整個網頁,這樣才能使用一些 angular 的 directive ,所以只要載入順序是

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>

jquery 就會無法使用!

必須要是

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

才能正常的試用 jquery

方法二

感謝 wiselou 的講解

其實只是 jQuery 的 $(...) 無法使用而已

只要將 $(...) 改成 jQuery(...) 就可以正常使用了


下一篇
實習、專題除錯筆記(二)-- $watch 和 ng-change 使用上的建議
系列文
實習、專題除錯筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
外獅佬
iT邦大師 1 級 ‧ 2014-09-18 00:06:19

其實第一種方式(先jq後an)沒問題吧...
加這段程式碼就好了....

&lt;pre class="c" name="code">
&lt;script type="text/javascript">
$.noConflict();
&lt;/script>
外獅佬 iT邦大師 1 級 ‧ 2014-09-18 00:08:48 檢舉

原因是因為一直慣用的jQuery的『$』不能用了而已....
$(...)
改成jQuery(...)還是可以的

e222et iT邦新手 2 級 ‧ 2014-09-18 00:18:11 檢舉

原來如此
我一直以為是整個不能用!
原來把 $(...) 改成 jQuery(...) 就可以用了
受教了

外獅佬 iT邦大師 1 級 ‧ 2014-09-18 00:28:16 檢舉

你可以『仔細』看一下這份文件
FAQ

0
SunAllen
iT邦研究生 1 級 ‧ 2014-09-19 11:39:44

undefined

0
SunAllen
iT邦研究生 1 級 ‧ 2014-09-19 11:40:02

沙發不見了...-.-

我要留言

立即登入留言