大佬教程收集整理的这篇文章主要介绍了jQuery UI可拖动约束，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我已经尝试过使用jQuery UI draggable,但问题是如果我拖动它锁定到右下角的图像并且不再可拖动因为子元素大于父约束,我就会使用约束选项.我不确定ui draggable约束是否仅用于较小的对象,而不是父容器.
有没有人有任何想法怎么办？最好用jQuery Draggable？
var productHeadOffset = jQuery('#productHead').offset();
var productHeadHeight = jQuery('#productHead').height();
var productHeadWidth = jQuery('#productHead').width();
var productHeadImageHeight = jQuery('.productHeadImage').height();
var right = productHeadOffset.left;
var bottom = productHeadOffset.top;
var left = (img.width > productHeadWidth) ? (productHeadWidth + productHeadOffset.left) - img.width : 0;
var top = (img.height > productHeadImageHeight) ? (productHeadHeight + productHeadOffset.left) - img.height : 0;
jQuery('.productHeadImage').draggable({ containment: [left,top,right,bottom] });
以上是大佬教程为你收集整理的jQuery UI可拖动约束全部内容，希望文章能够帮你解决jQuery UI可拖动约束所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。