第一次使用swiper出現的各種奇葩問題
1.同一頁面存在多個swiper時，不能以通用的id或者class為定位標準，容易出現同時找到多個物件的問題，需要確保id和class的唯一性
專案案例：產線屏-電子展板與人員績效多個tab來回切換時，電子展板初始化後，可以正常上下頁切換重新整理；從人員績效切換回來的時候，出現無法下頁切換，之能上頁切換的問題，f12檢視elements發現swiper的結構發生變化，猜測由於replace()替換前後的清空，並未完全清空上一次載入的slide，導致多個slide重複，無法出現切換下頁的情況
4.銷毀swiper
if(window.swiper)例如：tab1：輪播myswiper1
tab2：訊息資訊輪播myswiper2
問題：多個swiper同時使用pagination（分頁器的圖示），swiper容易出現錯亂
解決方案：定義類名唯一的pagination
var picobject = new array();//存放位址的陣列
picobject.push('');
if(window.myswiper1)
window.myswiper1 = new swiper( '.swiper-container1',)
window.myswiper1.update();
window.myswiper1.startautoplay();
同一頁面載入多個ztree
最近專案要在同乙個頁面載入 多個ztree做不同分類的選擇 看了看官方文件，決定從select checkbox menu入手 觸發 跟值返回 ztree初始化成功後的treeid 是容納資料的容器的id 比如下面的edu type 資源格式ztree 初始化的id js var setting v...
用js實現同一頁面多個運動效果
如圖，有五個元素，給他們都加上運動效果。實現原理，就是在呼叫的時候，給這五個元素，迴圈加上事件。需要注意的是，每個元素的定時器需要分開。要點一 var speed target obj.offsetwidth 8 緩衝運動效果，一開始速度很快，然後越來越慢，直到停止 speed speed 0?ma...
frame 同一頁面之間的框架操作
frame元素可以讓我們在一張網頁中顯示不同html檔案的內容，有些時候我們需要在乙個frame中新增鏈結，並使用這些鏈結來控制另乙個frame的內容，當然，這個過程可以使用js指令碼來控制，那麼如何使用最簡單的html來實現這一目標呢，其實我們只需要了解frame的乙個屬性 name 就可以了，並...