首页 > jquery ui 拖拽到可视滚动内容外,怎么样设置拖拽失败并还原revert操作

jquery ui 拖拽到可视滚动内容外,怎么样设置拖拽失败并还原revert操作

/******************** 前提 ********************************/
1、使用jquery ui 的拖拽插件:droppable,draggable
2、draggable的元素是可滚动的
3、测试地址:http://jsfiddle.net/1ehxguq4/

/******************** 问题描述 ********************************/
当可拖拽(draggable)元素拖拽到droppable上时,拖拽成功,但是由于droppable外层是固定高度,且overflow-y:auto的,这个时候如果拖拽到droppable不可见部分,怎么样才能设置其拖拽不成功,最好还能触发拖拽的还原操作。

根据测试地址 http://jsfiddle.net/1ehxguq4/ 可见,如果滚动条往下滚动一定距离,如下图:

 然后再拖动可拖动元素到顶部,如图

这时,拖拽居然也能成功!!!(why?明明是不可见的……)

按需求,**当拖拽到外部时希望不允许拖拽成功**,这个应该如何设置呢?拖拽到底部不可见部分也希望不能成功。。。。这样应该怎么处理?

draggable 上设置可拖放区域:containment: ".box",不过拖动起来体验不是那么好。
具体的估计还是要看看 droppable 接受元素上面的实现方式。

【热门文章】
【热门文章】