前言
在學校的專題撰寫、校外的實習,常常碰到許許多多的 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(...) 就可以正常使用了
其實第一種方式(先jq後an)沒問題吧...
加這段程式碼就好了....
<pre class="c" name="code">
<script type="text/javascript">
$.noConflict();
</script>
原因是因為一直慣用的jQuery的『$』不能用了而已....
$(...)
改成jQuery(...)還是可以的
原來如此
我一直以為是整個不能用!
原來把 $(...) 改成 jQuery(...) 就可以用了
受教了
你可以『仔細』看一下這份文件
FAQ