先看效果图

拖拽元素

1、这里用到了jq 所以第一步我们在index 中引入两个必须的jq

2、第二步我们需要在typings.d.ts中声明 $ 和 jQuery 这样才能在ts中使用这个方法

declare var $: any;declare var jQuery: any;

3、接着我们需要引入 touchPunch.ts 这个文件这是jq的触摸插件 jq封装好的可以直接用，下载之后放到某个文件夹下
下载地址：https://gitee.com/bestjarvan/public/blob/master/mini-program-components/drag/touchPunch.ts

4、放好后我们引入app.module.ts 中在providers中声明

providers:[
    TouchPunchProvider
]

5、在html元素中给需要拖拽的元素一个id 之后在ts中初始化一下我们的jq插件就可以了

// 参考// html
  
  //tsconstructor(public touchIt:TouchPunchProvider){}

ionViewDidLoad() {
  this.touchIt.init();
  $('#barrage').draggable();
}

完结

作者：Jarvan丶
链接：https://www.jianshu.com/p/2733c0be13a4

ITPub博客

ionic2 拖拽元素