在**開發過程中遇到這樣的乙個問題：在主頁面中使用angular-ui-route來路由載入其他頁面(tpl_main.html),在其他頁面中使用了swiper,但是顯示的時候並沒有達到預想的能有手動拖拽顯示的立體效果,頁面進行錯誤排查,最後發現的問題是由於在由ui-route引入的頁面中使用的swiper與主頁面中引用jquery(swiper依賴於jquery)前後位置出現了問題,導致swiper不能正常使用,下面請看具體的錯誤與解決方案！
首先我們來看下在原先錯誤的情況下的**：
這個是由ui-route需要引入的頁面,從**中我們可以看到,該頁面(tpl_main.html)使用了swiper,然後我們來看主頁面中的**情況：
熟悉angular的朋友都知道,由ui-route載入的tpl_main.html頁面將被防止到ui-view的div中,而在主頁面中,jquery的引入是在tpl_main.html引入之後,這就使得jquery的引入在swiper之後,從而造成未能達到swiper原有的效果(js檔案放置在底部有助於**的優化)
注：這裡在做效果演示的時候遇到了乙個坑,因為先前使用過jquery的cdn,並且該jquery的引入是之前ui-route引入的tpl_main.html之前,因而一直達不到效果(哎,cdn的快取原因,好心酸,已被十萬伏特擊中n次)
解決方案：將jquery從"body"的尾部放置到head中,從而jquery的引入在swiper之前,具體如下：
正確的效果如下:
DOM操作中的引用
1.引用動態指令碼時，由於ie將 視為乙個特殊的元素，不允許 dom 訪問其子節點，需要用到text屬性，為相容瀏覽器得如下 function loadscriptstring code catch ex 下面是呼叫這個函式的示例 loadscriptstring function sayhi 2....
DOM節點之間的關係,與節點的基本操作
以下獲取節點都會獲取所有的節點型別,不只是包括元素節點,還有文字型別等 獲取乙個元素節點的所有子節點 元素節點物件.childnodes 獲取到的是乙個類陣列nodelist 獲取乙個元素節點的第乙個子節點 元素節點物件.firstchild 獲取乙個元素節點的最後乙個子節點 元素節點物件.last...
JQuery與DOM之間的關係
1.document ready 和 window.onload 的區別 window.onload 只能寫乙個，只會執行最後乙個 沒有簡化寫法 document ready 只需要把頁面中的dom樹載入出來就可以執行 可以寫多個 簡寫 function 作用是防止阻塞頁面 2.dom 物件 通過d...