恢復內容開始 恢復內容結束 ...
---恢復內容開始---
例子:
function registerDrag() {
[].forEach.call(ImgSortable.getElementsByClassName('unload-show'), function (el){
Sortable.create(el, {
group: 'photoGroup',
animation: 1050
});
});
}
要引用兩個插件:
<script src="./jquery.1.12.4.min.js"></script>
<script src="./Sortable.js"></script>
[].forEach.call的寫法理解:
1.來源 : 是根據 document.querySelectorAll('div')寫法擴展的;
2.[] : 代表的是一個空數組。 作用:用來引出forEach方法,
3. .forEach : javaScript常用的遍歷元素的方法。 作用遍歷元素集合(數組)。
4. .call : 解析:調用對象,並替換掉當前對像。 作用替換對象。
方法解析:
[].forEach.call() : 遍曆數組【替換對象】
參數:ImgSortable.getElementsByClassName('unload-show'), :替換後的對象【你要遍歷的數組名】,
方法:作用排序
function (el){
Sortable.create(el, {
group: 'photoGroup',
animation: 1050
});
el : 形參
Sortable : 控制項的名稱。
.create : 控制項的方法
group(參數) :自定義名稱,
animation : 動畫時間
---恢復內容結束---