使用[].forEach.call()方法的写拖拽排序。

---恢复内容开始---

例子:
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 : 动画时间


---恢复内容结束---


更多专业前端知识,请上 【猿2048】www.mk2048.com
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值