sillylion
2016-08-17 08:53
采纳率: 71.4%
浏览 1.9k
已采纳

jquery ui 指定区域不可拖拽的实现?

图片说明

效果要求如图所示,用的是jqueryui 的.draggable()来写的。现在就是因为用jqueryui写的,所以范围设定为了整体黑框内容。但是需求是div不可以拖到红框的区域里。
请问应该怎么改?有什么思路?
谢谢!

 $(div).draggable({
        zIndex: "999",
        containment:"#content",
        grid:[20,20],
        start: function (event, ui) {
        },
        drag: function (event, ui) {
        },
        stop: function (event, ui) {
            $(this).css("border-color","white");
        }

    });
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • 已采纳

    区域增加浮动的div,用droppable来控制移动到这些区域重置修改鼠标为not-allowed(禁止),drop的时候直接重置被移动块的left/top

    http://api.jqueryui.com/droppable/#event-drop

    点赞 打赏 评论
  • sillylion 2016-08-17 13:45

    没有用1楼的方法,发现了droppable里的一个好用的方法~

    点赞 打赏 评论

相关推荐 更多相似问题