最新的代码示例在 https://github.com/phillyx/MUIDemos/blob/master/examples/PHILLYXDEMOS/sortable/sort3.html
下面的问题就不要看了
项目需要用到列表排序功能,不引用mui.js是没问题的,引用后报错,不兼容。
demo已上传到附件里面
最新的代码示例在 https://github.com/phillyx/MUIDemos/blob/master/examples/PHILLYXDEMOS/sortable/sort3.html
下面的问题就不要看了
项目需要用到列表排序功能,不引用mui.js是没问题的,引用后报错,不兼容。
demo已上传到附件里面
小云菜 (作者) - 相关代码及分享在http://www.cnblogs.com/phillyx
这个bug我已经解决了。
bug描述: 在引入mui后,touch事件和drag都触发,在drag事件下dataTransfer对象未定义
对此做规避就可以了
小云菜 (作者) - 相关代码及分享在http://www.cnblogs.com/phillyx
现在有个问题,当对target dom绑定sortable后,其他原生事件包括tap事件等不可用了@DCloud_MUI_FXY
小云菜 (作者) - 相关代码及分享在http://www.cnblogs.com/phillyx
首先承认是我的错,引用的sortable.js是0.4.1版本的,比较旧,不兼容mui.js,虽然我花费了好长时间终于解决了这个bug,然并卵;新版本1.2.1是没问题的。
另外“当对target dom绑定sortable后,其他原生事件包括tap事件等不可用”的问题我也做出规避解决了,具体看附件测试工程。
测试工程中集成了:
小云菜 (作者) - 相关代码及分享在http://www.cnblogs.com/phillyx
后来者悉知:
有个问题需要注意下,当列表项较多高度大于屏幕高度时,从bottom到top的拖放排序,如果有header的话是不可用的。
有如下两种解决方案
1.更改css
header {
position: static !important;
}
.mui-content {
padding: 0 !important;
}
2.建立父子页面,header存于父页面
方案1不推荐使用,因为下拉并超出屏幕高度时,header不在固定在顶部。
建议使用方案2
就删除2个之后 长按就无法排序了
小云菜 (作者)
看示例https://github.com/phillyx/MUIDemos/tree/master/examples/PHILLYXDEMOS/sortable
2016-03-23 20:40